Services

Research, design, systems and AI-built front-ends for products that need to feel effortless.

04 / 05 From research to shipped code Scroll
01

UX Research & Strategy

Before anything gets designed, I find out what actually matters: to the business and to the people using the product. Research turns opinions into a clear direction everyone can rally behind.

What's included

  • Stakeholder and user interviews
  • User surveys and competitive audits
  • Journey maps and information architecture
  • UX audits of existing products
  • Prioritised opportunities and success metrics

Deliverables

  • Research findings
  • Journey maps
  • Sitemaps
  • UX audit report

Tools

  • FigJam
  • Miro
  • Figma
02

Product & UI Design

From rough flows to polished, accessible interfaces for web and mobile. I design screens people understand at a glance and that engineers can build without guesswork.

What's included

  • User flows and low-fidelity wireframes
  • High-fidelity UI for web and mobile
  • Responsive and adaptive layouts
  • Accessibility-minded visual design
  • Developer-ready handoff

Deliverables

  • Wireframes
  • UI designs
  • Responsive layouts
  • Handoff files

Tools

  • Figma
  • Sketch
  • Adobe XD
03

Design Systems

Big products drift apart without a shared language. I build tokens, components and guidelines that keep teams consistent and let them ship faster.

What's included

  • Audit of existing UI patterns
  • Design tokens: colour, type, spacing
  • Reusable component libraries
  • Usage guidelines and documentation
  • Rollout support for product teams

Deliverables

  • Token set
  • Component library
  • Guidelines

Tools

  • Figma
  • Figma variables
04

Prototyping & Motion

Interactive prototypes make ideas testable before a line of code is written, and purposeful motion makes the final product feel alive.

What's included

  • Clickable prototypes for testing and demos
  • Usability testing sessions
  • Micro-interactions and transitions
  • AI-assisted rapid prototyping
  • Iteration based on real feedback

Deliverables

  • Interactive prototypes
  • Test insights
  • Motion specs

Tools

  • Figma
  • Figma Make
  • Lovable
05

Design to Code with AI

I take designs past the handoff. With my front-end background and AI-assisted development, I turn Figma designs into fast, fully responsive websites, like the one you’re on now.

What's included

  • Responsive front-end from your Figma designs
  • Pixel-accurate layouts for mobile, tablet and desktop
  • Interactions and scroll animation
  • Accessibility and performance basics built in
  • Deployment and handover, ready to launch

Deliverables

  • Live responsive website
  • Clean HTML, CSS & JS
  • Deployed build

Tools

  • Claude AI
  • Lovable
  • Figma Make
  • Vercel

Ways to work together

Engagements

A

Project

A defined scope with a clear outcome: a new product, a redesign or a feature, from research to handoff.

B

Design partner

Ongoing design support for your team: shipping features, evolving the system and keeping quality high.

C

UX audit

A focused review of your product with prioritised, practical fixes your team can act on right away.

Process

How I work

A simple, honest loop. No black boxes, just steady progress you can see every week.

  1. 01

    Discover

    Understand the business, the users and the real problem behind the brief.

  2. 02

    Define

    Turn findings into priorities, flows and a scope everyone agrees on.

  3. 03

    Design

    Explore, prototype and test until the solution feels obvious.

  4. 04

    Deliver

    Polished specs, a tidy system and support through launch and beyond.

Good to know

FAQ

  1. Web apps, mobile apps, SaaS and enterprise products, and marketing or landing pages. I’m happiest on products with real complexity that need to feel simple.

  2. Yes. I can design within your current system, extend it with new components, or audit it and help it scale.

  3. Always. I started as a front-end developer, so I design with implementation in mind and stay close to engineering through handoff and build.

  4. Send a short note about your product, goals and timeline through the contact page. I’ll reply with questions and a suggested way to work together.

  5. Yes. Using my front-end background and AI-assisted development, I can turn the final designs into a responsive, production-ready website and deploy it, so you get from idea to live site with one person.

  6. Mostly Figma and FigJam, plus Sketch, Adobe XD, Miro and the Adobe suite. For rapid prototyping I also use AI tools like Figma Make and Lovable.