Johan Mouchet

Design System Architect

As a Design System Architect with a front-end engineering background, I unite design and engineering to create user-centred experiences. I focus on building and maintaining unified design systems, ensuring efficiency and consistency in product development. Being a creatively driven critical thinker, I'm passionate about developing ideas that inspire and challenge the status quo.

ReactTypeScriptGraphQLFigmaAccessibility

Career Experiences

Paradoor, Melbourne
– Present

CPO & Co-CTOContract
6 months

In Paradoor's mission to democratise luxury home co-ownership, I guided the startup to a market-ready product. I led the definition of the brand identity, developed a user-friendly booking management app, and designed a landing page for education and lead generation.

Propps, Melbourne
3 years, 2 months

Design System Architect
1 year, 10 months
Design Engineer
1 year, 4 months

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.

Medtribe, Melbourne

Lead Software EngineerContract
3 months

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.

Isobar, Melbourne

Front-end developer
2 years, 9 months

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.

AmazeRealise, London

Front-end developer
11 months

At AmazeRealise, 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

Front-end developer, Designer, Marketing strategistContract
6 months

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

Front-end developer
5 months

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

Web designer & developer
1 year, 3 months

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.


Open-Source

johan-mouchet.com

My portfolio, built in public.

  • Bootstrapped with Next.js
  • Pulling data from Prismic with GraphQL
  • Maintaining a design system with Storybook, deployed with Chromatic
  • Type-checked with TypeScript
  • Unit and snapshot tested with Jest and React Testing Library
  • Using CSS Modules, Sass and post-processing
  • Linted with ESlint and Stylelint; formatted with Prettier; enforced by Husky and lint-staged
  • Deployed using SSG on Netlify

Fluxgrid

Yet another responsive utility-based CSS grid customisable with Sass.

  • Built with Sass, PostCSS
  • Bundled with Parcel.js
  • Distributed on npm
  • Archived in the Arctic as part of the GitHub Archive Program

Tools

Next.jsStorybookCSS-in-JSTailwind CSSViteJestpnpmHeadless CMSREST APIGitRegExLinters & PrettierResponsive designPerformanceSEOWorkshopProduct AnalyticsAgileOpen-sourceAI

Academic Qualifications

SUPINFO, London

Master of Computer Science

SUPINFO, Marseille

Bachelor of Computer Science

Languages

  • English: Bilingual
  • French: Native


Personal Works

When I'm not developing web apps, I like to take pictures, doodle, and make short films. I also enjoy cycling, fitness, cooking, and volunteering at @YoungCodersAU.

Personal work on unsplashPersonal work on unsplashPersonal work on unsplashPersonal work on unsplashPersonal work on unsplashPersonal work on youtube