Development

Design that ships, not design that sits in Figma

Close-up of a screen showing colourful JavaScript source code

Front-end built by the designer. Production-ready by default.

The thing you saw in Figma is the thing that ships. Semantic HTML, accessible markup, fast Core Web Vitals, easy to maintain.

Clean code

Semantic HTML, modern CSS, modular JavaScript. No page builders, no plugin soup.

Fast by default

Core Web Vitals as a brief, not a fix. Lazy loading, modern formats, sensible bundling.

Accessible build

WCAG AA, keyboard support, ARIA where it matters. Compliance because it's right, not because of legal.

Extended capability

Trusted dev partners for larger full-stack builds. You get one team, not a handover chain.

01
Front-end build

HTML, CSS, JavaScript, responsive implementation. Clean, semantic, performant code that matches the design pixel-for-pixel.
02
CMS setup

WordPress custom themes, Astro Content Collections, headless CMS setup, content management configuration. A backend your team can actually use.
03
Motion design

GSAP, scroll-triggered animations, page transitions, micro-interactions. The polish that makes a good site feel exceptional.
04
Performance

Core Web Vitals, image optimisation, lazy loading, caching strategy. Fast sites rank better and convert more.
05
Accessibility

WCAG AA compliance, semantic HTML, ARIA attributes, keyboard navigation. Built accessible from the ground up.
06
Deployment

Cloudflare Pages, Vercel, traditional hosting, domain setup, SSL certificates. Getting your site live and keeping it there.

Front-end implementation

HTML, CSS, JavaScript, React, Astro, Next.js. The right tools for the job, with the design specs respected to the pixel. Animations only where they earn it.

Performance is a design requirement

Lighthouse and Core Web Vitals are part of the brief, not a post-launch fix. Fast sites rank better, convert better, and respect your visitors' time.

A CMS your team can actually use

WordPress custom themes (no page builders), headless setups, or simple flat-file CMSs. Editor experience treated as a design problem, not a configuration screen.

Hand typing on a MacBook displaying CSS source code in a text editor

Dark screen showing Python source code highlighted in green, purple and orange

Sites that score 95+ on Lighthouse and stay there a year after launch.

ES Therapy Centre

Brand identity and website for a counselling and therapy practice. Sensitive, considered, and accessible.

View project

Our Online Canteen

E-commerce platform for schools. Branding, UX and build for a cashless school meals ordering system.

View project

Up next

Apps

iOS, Android, cross-platform, PWA. Design and prototype, then build with the right partners. Same craft, smaller screens.

Mobile phone showing a teal and yellow billing screen with a Pay Bill button

Do you build websites or just design them?

Both. I design and build. For larger or more complex builds, I work with trusted development partners to deliver full-stack solutions.

What CMS do you use?

Depends on the project. WordPress for most client sites (custom themes, no page builders). Astro or Next.js for performance-critical sites. Headless CMS options for projects that need both.

Can you work with my existing developer?

Yes. I prepare developer-ready Figma files with specifications, design tokens, and component documentation. I also collaborate directly during implementation to make sure the build matches the design.

Do you offer hosting and maintenance?

I can set up hosting on Cloudflare, Vercel or traditional providers, then hand it over or stay on a retainer. Whatever suits your team.

What technologies do you work with?

HTML, CSS, JavaScript, React, Astro, Next.js, WordPress (custom themes), Tailwind CSS, GSAP for animation, Vercel and Cloudflare Pages for deployment, Git for version control.