Available for Projects

I craft interfaces
people feel

3 years turning complex products into fluid, intuitive experiences. I specialise in React, design systems, and the kind of frontend polish that turns users into advocates.

3+
Years of experience
16+
Products shipped
Avg conversion lift

I build the interfaces that make people stay

Your product may be powerful under the hood — but if the interface is confusing, slow, or visually inconsistent, users won't stick around to find out. I close that gap between engineering and experience.

Over the past decade I've worked with product teams ranging from seed-stage startups to Series B companies, translating design specs into polished, accessible, and performant UIs that actually delight the people using them.

I think in components, tokens, and interaction states. I care about the 200ms hover delay as much as the overall architecture. That precision is why teams keep coming back.

"Great UI isn't decoration — it's the product experience. Every pixel is a decision about what your users will feel."

01
Design Fidelity
I implement designs with obsessive pixel precision, bridging the gap between Figma and the browser — including edge cases your designer didn't document.
02
Component Thinking
Every UI I build is modular, documented, and tested. I write components your team can confidently extend without rewriting from scratch six months later.
03
Performance as UX
A 3-second load is a broken experience. I obsess over Core Web Vitals, bundle sizes, and render cycles — because speed is a feature your users notice instantly.

What you get
working with me

Polished interfaces, scalable component systems, and measurable UX improvements — delivered fast.

01

UI Engineering & Implementation

Pixel-perfect interfaces that actually ship on time

  • Design-to-Code Fidelity: I implement every animation, spacing token, and interaction state — no "close enough" compromises.
  • Responsive Across Devices: Fluid layouts that work flawlessly from 320px mobile to 4K displays without hacks.
  • Accessible by Default: WCAG 2.1 AA compliant — keyboard nav, screen reader support, and focus management baked in from day one.

React, TypeScript, Next.js, and modern CSS. Semantic markup, clean component APIs, and code your future self will thank you for.

Discuss your project
02

Design Systems & Component Libraries

Build once, ship everywhere — with confidence

  • Scalable Token Architecture: Semantic colour, typography, and spacing tokens that make brand updates a one-line change rather than a week-long audit.
  • Living Storybook Docs: Every component documented with examples, props, accessibility notes, and do/don't guidelines your team will actually use.
  • Multi-brand Support: Theming architecture that lets you skin the same component library for 10 clients without a single fork.

Storybook, Radix UI primitives, CVA, and design token pipelines (Style Dictionary). Built to last, not just to launch.

Build your system
03

Animation & Interaction Design

Motion that communicates, not just decorates

  • Purposeful Motion: Every animation serves a UX goal — guiding attention, confirming actions, or creating spatial continuity between views.
  • 60fps Guaranteed: GPU-accelerated transforms, layout thrash elimination, and reduced-motion support for users who need it.
  • Memorable Moments: Micro-interactions and page transitions that make your product feel premium — the kind users mention in reviews.

Framer Motion, GSAP, CSS transitions and View Transitions API. I know when to animate and — just as importantly — when to stop.

Bring motion to life
04

Frontend Architecture & Consulting

Senior-level clarity without the full-time price tag

  • Tech Decision Support: Framework selection, state management strategy, and monorepo setup — with honest trade-off analysis, not trend-chasing.
  • Performance Audits: LCP, CLS, INP and bundle analysis with a prioritised fix plan. I've cut load times in half without touching the backend.
  • Team Mentorship: Code reviews, pairing sessions, and architecture workshops that level up your developers faster than any course.

Tech stack reviews, Core Web Vitals optimisation, testing strategy, and CI/CD pipeline advice. Practical, opinionated, and focused on ROI.

Book a consultation

From Discovery to Launch in 3 Weeks

A focused, transparent process that keeps your roadmap moving

Week 1
Discovery & Audit
Design review, codebase audit, and aligning on goals. I identify quick wins and flag risks before writing a line of code.
Week 2
Build & Iterate
Daily standups, staged PRs, and continuous design QA. You see real progress every day — no black box development.
Week 3
QA & Handoff
Cross-browser testing, Lighthouse audits, Storybook docs, and a clean handoff your team can maintain without me.
Outcome
Measurable Impact
Faster Core Web Vitals, a scalable component library, and a UI your users actually love — with metrics to prove it.

Not sure where to start?

Tell me about your project and I'll suggest the right engagement.

Schedule a free call

UI wins that moved the business needle

Real projects where a relentless focus on frontend craft translated directly into user growth, conversion lifts, and engineering velocity.

Design System

Unifying a fragmented SaaS UI across 4 product teams

Four independent dev teams had accumulated four different button styles, three colour palettes, and zero shared components. UI inconsistencies were causing user confusion and slowing every team's velocity.

The Solution

  • Built a token-based design system with 80+ Storybook-documented components
  • Established a semantic token layer enabling one-command brand theming
  • Ran component migration sprints with each team, zero big-bang rewrites
Before
4–6 wk
New feature UI time
After
1–2 wk
New feature UI time
65% Developer Velocity Increase

Teams shipped UI features 3× faster and support tickets related to UI inconsistency dropped by 80%.

Performance & Conversion

Turning a 6.4s LCP into a conversion machine

An e-commerce brand's marketing site was beautiful in Figma but sluggish in production. A 6.4-second Largest Contentful Paint was costing them an estimated 40% of mobile conversions before users even saw the offer.

The Solution

  • Eliminated 380kb of unused JavaScript with route-based code splitting
  • Replaced above-the-fold CSS-in-JS with critical CSS + deferred styles
  • Implemented responsive image pipeline and Next/Image with AVIF output
Before
6.4s
Mobile LCP
After
1.1s
Mobile LCP
+34% Mobile Conversion Rate

Performance score went from 41 to 98. The speed improvement directly recovered revenue that was silently leaking every day.

Want similar results for your product?

Let's identify where your frontend is losing users — and fix it.

Get a Frontend Audit

Let's build something unforgettable together

Available for contract projects and consulting engagements. Whether you need a design system built from scratch, a UI performance rescue, or ongoing frontend partnership — let's talk.

Ready to level up your frontend?

Start with a FREE 30-minute call — we'll pinpoint your biggest UI bottlenecks and what to fix first.

Book a Discovery Call