Career Experiences
Paradoor, Melbourne – Present
In advancing Paradoor's mission to democratise luxury home co-ownership, I led the startup's MVP launch. I guided the definition of the brand identity, developed a user-friendly booking management app, and designed a marketing website for education and lead generation.
Owner's Portal
Engineered a PWA that enables co-owners to easily book and manage property reservations, access property details, and invite guests.
- Built an onboarding screen to educate users about the platform-specific booking guidelines.
- Leveraged react-day-picker to enforce business rules and validated critical pathways with over 80 test cases to prevent invalid date selections.
- Developed a booking form allowing owners to specify guest details and any special requests.
- Crafted data-fed transactional emails utilising React Email.
- Created an administration dashboard to assist property managers in supporting owners with their bookings.
- Managed user accounts with Clerk, communication via Intercom, and content through Sanity CMS.
- Produced interactive Figma prototypes for visualising user experience.
ViteReactTypescriptTailwind CSSshadcn/uiApollo GraphQLReact RouterVitest + Testing LibrarySanity CMSStorybookMarketing Website
Led co-founders in defining brand identity and developed a marketing website to educate about co-ownership with an aspirational and exclusive aesthetic.
- Conducted market research and competitor analysis to inform brand positioning and audience targeting.
- Facilitated the definition of brand identity through colour, font, imagery, and tone of voice.
- Crafted a comprehensive design system to ensure cohesive brand identity and constructed a versatile component library with shadcn/ui.
- Developed an error-validated sales funnel integrated with the HubSpot API.
- Established an SEO-focused blog to enhance online visibility and attract organic traffic.
- Implemented Sanity for efficient content management.
FigmaNext.jsReactTypescriptTailwind CSSshadcn/uiApollo GraphQLReact Hook Form + ZodSanity CMSPropps, Melbourne –
At Propps, on a mission to enhance real estate transactions, I transitioned from the second engineer to a design system architect, earning recognition for my customer-centric approach. In a team of 6 engineers, I contributed to developing a product for 8k agents and 17k buyers, playing a key role in the start-up's $40 million valuation.
Design System
Created a robust design system using Figma and React, prioritising accessibility, and supplying extensive documentation for developers.
- Revamped a UI library into a Figma & React design system with 60+ themeable components, implementing Storybook for dynamic documentation.
- Developed and maintained React components with TypeScript and Emotion.js. Deployed a versioned library supporting 10 internal packages.
- Modernised legacy Figma components with Auto layout and semantic styles, standardising naming conventions and providing documentation.
- Implemented testing, linting, and type-checking for quality assurance.
- Ensured accessibility of the components, promoting keyboard navigation, semantic correctness, and contrast ratio compliance.
- Gave talks on Design Systems and Accessibility, and educated the team on design principles.
FigmaStorybookReactTypeScriptEmotion.jsJest + Testing LibraryOffer Hub
Created a web application for 8.3k Australian real estate agents, managing 36k+ listings from major agencies nationwide.
- Constructed numerous role-specific routes, GraphQL APIs, sortable and filterable tables, and validated forms.
- Led the gathering, categorisation, and prioritisation of customer feedback and feature requests.
- Conducted in-depth user behavior analysis by setting-up events and graphs using Amplitude.
- Facilitated a workshop that resulted in the adoption of a modern layout, optimising space utilisation, and enhancing navigation.
- Implemented numerous features utilising continuous delivery and feature flags through Split.io.
- Introduced Skeleton loading to optimise perceived load speed and enhance engagement.
ViteCSRReactReact RouterApollo GraphQLTypeScriptEmotion.jsJest + Testing LibraryStripedate-fnsTanStack TableFormik + YupBuyer Hub
Developed a web application utilised by more than 17k buyers in Australia, facilitating the processing of over 66k offers.
- Built a multi-step offer submission form achieving an 80% conversion rate and a 72% satisfaction rate.
- Created an alternative, streamlined, version achieving a 117% faster completion time with a comparable conversion rate.
- Implemented Formik and Yup for complex form validation and formatted the data for seamless submission to an API.
- Created a timeline feature for conveying property updates to buyers, initiated by agents or automated events.
- Implemented a countdown timer to impart a sense of urgency, boosting buyer engagement and offer submissions.
- Created a transparency-enhancing feature that unveils the buyer's offer position in relation to the competition.
ViteCSRReactReact RouterApollo GraphQLTypeScriptEmotion.jsJest + Testing LibraryFormik + YupPropps Card — Profile
Built a single-page digital business card website to facilitate the sharing of contact details and profiles, enhancing online visibility and networking capabilities.
- Built the statically generated pages with Next.js to optimise performance and SEO, achieving a 100% Lighthouse score in both categories.
- Created a dynamically generated og:image that displays the user's details when shared on social platforms.
- Enhanced SEO by integrating structured data markup, establishing canonical URLs, ensuring proper heading hierarchy and more.
- Designed and built flexible templates for personalised aesthetics, enabling users to customise backgrounds while ensuring readability for a pleasing experience.
- Employed Statsig for A/B testing to refine and optimise design and user experience.
Next.jsSSGReactApollo GraphQLTypeScriptEmotion.jsPropps Card — Marketing Website
Constructed promotional websites for both Propps and its adjunct product — Propps Card, aimed at marketing and converting users.
- Designed and built numerous landing pages, with select ones achieving a notable 23% conversion rate and playing a role in the acquisition of the 45.6K mobile app users.
- Utilised Next.js to create high-performance, SEO-friendly pages through dynamic static generation.
- Incorporated dynamic content by defining schemas and querying data from Hygraph, a GraphQL CMS.
- Engineered a sign-up flow that seamlessly guides users through an onboarding process.
- Designed captivating hero sections with animated backgrounds.
- Built a modal for displaying a QR code linking to the app store, offering the option to share the link to a smartphone through native share or email.
Next.jsSSGReactTypeScriptEmotion.jsMedtribe, Melbourne –
At Medtribe, a startup dedicated to simplifying event management for healthcare professionals and fostering collaboration between teachers and students, I led the transition to a modern React architecture.
Educator's Hub
Established the groundwork for a web application tailored to manage event creation, planning, ticketing, certifications, and more.
- Translated TailwindUI Figma components into functional React components using Tailwind CSS.
- Developed interactive components using Headless UI to guarantee accessibility
- Used React Query for the retrieval and submission of data to REST APIs.
- Developed dynamic forms with Formik and Yup, adjusting based on user input.
- Established an advanced routing infrastructure utilising React Router.
- Introduced Storybook for efficient component development, deploying it with Chromatic for streamlined testing and collaboration.
ViteReactTypescriptTailwind CSSReact RouterReact Querydate-fnsJest + Testing LibraryStorybookIsobar, Melbourne –
During my time at Isobar, I primarily contributed to the Jetstar project by focusing on modernising the website and developing new features in an Agile environment. By prioritising design enhancement, I focused my efforts on improving user experience and boosting conversion rates.
Kin + Carta, London –
At Kin + Carta, a leading digital agency, I was involved in impactful projects like the Lexus v11 website redesign. I contributed to creating dynamic and user-friendly experiences, focusing on responsive design and innovative features like geolocation and interactive visuals.
Survie Mer Formation, London –
At Survie Mer Formation, a leader in marine and offshore personnel safety training, my focus was on driving tangible growth through strategic initiatives. By directing efforts across design, development, and marketing, my goal was to improve user experiences and boost acquisition and conversion rates.
TMW Unlimited, London –
At TMW Unlimited, an acclaimed marketing agency, I contributed to the development of short-lived campaigns for HR Treasury, the Prince's Trust, Sport Relief and more.
MOVE digital, London –
At MOVE digital, an independent web marketing agency with a focus on Growth Hacking, I gained valuable experience in website design and development using WordPress.
