JohanMouchet

Design System Architect

Johan Mouchet

Hi, I'm Johan

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.

Skills

  • React10 / 10
  • TypeScript9 / 10
  • GraphQL9 / 10
  • Figma10 / 10
  • Accessibility8 / 10

Tools

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

Profile

Creative, Critical thinker, Motivated, Knowledge Sharer


Academic Qualifications

SUPINFO, London

Master of Computer Science

SUPINFO, Marseille

Bachelor of Computer Science

Languages

  • English: Bilingual
  • French: Native

Interests

Developing, Designing, Photography, Travelling, Cycling, Running, Fitness, Cooking, Volunteering @YoungCodersAU


Career Experiences

Paradoor, Melbourne
– Present

Chief Product Officer5 mosContract

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.

1 / 2

Propps, Melbourne
3 yrs 2 mos

Design System Architect1 yr 10 mos
Early Product Engineer1 yr 4 mos

At Propps, on a mission to enhance real estate transactions, I transitioned from the second product 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.

1 / 5

Medtribe, Melbourne

Lead Software Engineer3 mosContract

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 developer2 yrs 9 mos

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.

1 / 3

AmazeRealise, London

Front-end developer11 mos

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.

1 / 2

Survie Mer Formation, London

Front-end developer, Designer, Marketing strategist6 mosContract

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 developer5 mos

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.

1 / 3

MOVE digital, London

Web designer & developer1 yr 3 mos

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

Personal Works

When I'm not developing websites I like to take pictures, create infographics, doodle and make short films.

Personal work on unsplash
Personal work on unsplash
Personal work on unsplash
Personal work on unsplash
Personal work on unsplash
Personal work on youtube