Sample document — fictional candidate for illustration purposes only. Your CV is prepared from your own record.
Professional Summary
Frontend lead with 7 years of experience, specialising in design systems, component architecture, and web performance. At Canva, architected and shipped the company's design-token system now used by 40 engineers across 6 product squads, eliminating 200+ hardcoded style values and reducing UI inconsistencies by 85%. Passionate about accessible, performant UI at scale — Core Web Vitals advocate and regular speaker at frontend conferences across APAC.
Key Contributions at Canva
40
Engineers using design-token system
200+
Hardcoded style values replaced
85%
Reduction in UI inconsistencies
34 → 92
Lighthouse perf score improvement
Tech Stack
React
TypeScript
Storybook
Chromatic
Style Dictionary
CSS-in-JS (Emotion)
Vite
Vitest
Playwright
Lighthouse CI
Figma API
Node.js
Experience
Canva, Sydney
- Designed and shipped Canva's design-token pipeline: Figma variables → Style Dictionary → generated TypeScript + CSS custom properties — adopted by 40 engineers across 6 squads within 3 months.
- Built and maintain the Canva component library (60+ components) in React/TypeScript with Storybook; visual regression testing via Chromatic catches UI regressions pre-merge.
- Led a 4-month web performance initiative: audited, refactored, and lazy-loaded critical editor path — Lighthouse performance score improved from 34 to 92; LCP down 2.8s.
- Introduced Playwright visual and a11y test suite; caught 34 accessibility regressions in first quarter of operation.
- Mentored 3 mid-level frontend engineers; 1 promoted to senior in 14 months.
Atlassian, Sydney
- Contributed to Atlassian Design System (ADS); owned the Form and Date Picker component packages — 12M weekly impressions across Jira, Confluence, and Trello.
- Migrated legacy CSS modules to Emotion (CSS-in-JS) across 3 product surfaces with zero visual regression, verified by Chromatic snapshot suite.
- Defined ADR for responsive grid system adopted by 4 cross-functional teams; reduced layout-related bugs by 41% over 2 quarters.
Deputy, Sydney
- Rebuilt the workforce scheduling UI in React from a jQuery legacy codebase — load time reduced from 8s to 1.4s; bounce rate dropped 22%.
- Introduced component-driven development and Storybook to the frontend team; onboarding time for new devs cut from 2 weeks to 4 days.
Education
BSc Computer Science & Software Engineering
Feb 2014 – Nov 2017
University of Melbourne — Honours First Class; Dean's Award for Academic Excellence
Talks & Community
JSConf AU 2025 — "Design Tokens at Scale: From Figma to Production" · CSSDay Sydney 2024 — "Core Web Vitals That Actually Matter" · Open-source maintainer: react-token-provider (1.2k GitHub stars) · WCAG 2.2 working group contributor