Portfolio

Every project here starts from the same place: solid HTML, thoughtful layout, and an eye on how it feels to use on real devices. My work lives at the front-of-site end of the stack: turning designs, ideas, and brand guidelines into dependable interfaces for the web and email.

Browse the examples below to see how I approach new builds, e-Commerce refreshes, and local business campaigns. The focus is always the same: fast-loading pages, clear content, and clean, handover-ready code that plays nicely with the rest of your stack.

If you're running a small business, this is also the kind of work I can do for you on a practical scale: setting up or refreshing a straightforward site, improving an existing shop, or creating a single campaign page or email that supports your day-to-day marketing, without locking you into a long, expensive engagement.

The Experimental Sandbox

Curious about the logic behind the layout? Step into my UI Concept Lab to browse a collection of first-draft prototypes, "anti-grid" experiments, and early-stage technical blueprints currently in development.

UI Concept Lab

How this work breaks down

Most of my work falls into three overlapping areas: full web builds, compact calling-card/email campaigns, and design updates for existing sites. Whether you're starting from scratch or improving what you've already got, there's a route that meets you where you are.

Website Development

Example responsive marketing website layout

Got a design ready to go? I take your vision and build it into a fully functional, responsive website that looks great on every device. Whether you have a polished design system or a simple page layout, I translate it into clean, well-structured HTML and modern CSS so the UI is robust and easy to maintain.

Typical projects include one-to-five-page marketing sites, brochure sites, and focused landing pages for campaigns. I handle the front-of-site build, collaborate smoothly with designers and back-end teams, and leave you with a stable, understandable codebase: no unnecessary frameworks, no surprises later.

Calling Card / Local Business eShot

HTML email and digital calling card design for a local business

Not every business needs a full website to make an impact. Sometimes a single, well-crafted HTML email or digital calling card is exactly what's needed to introduce your services, highlight an offer, or direct people to your preferred way of getting in touch.

I design and build responsive email campaigns and companion landing pages that hold up in real-world inboxes. Layouts are clear and readable on mobile, copy gets to the point, and calls-to-action are obvious without being pushy; so local businesses can stand out in busy inboxes and turn views into enquiries.

Design Update: e-Commerce

e-Commerce homepage layout with featured products and navigation

If your e-Commerce site is starting to feel tired but a full rebuild isn't realistic, I specialise in breathing new life into existing themes. That can mean refining layouts, tightening spacing and typography, improving key journeys, and smoothing out the small front-end glitches that add friction for customers.

I can work with the templates and platform you already have — tidying the CSS and simplifying patterns. The result is a cleaner, more coherent shopfront that feels modern and trustworthy, without disrupting your existing content or day-to-day operations.

How I Work:

My approach to UI development and email engineering is rooted in the belief that clean, meaningful code is the backbone of a successful user experience. I align my workflow with GDS principles to ensure quality at every stage:

  • User Focus: I start with user needs, using semantic HTML5, modern CSS, and WAI-ARIA to ensure deep accessibility and WCAG compliance.
  • Joined-up Experience: I ensure structural integrity across diverse channels, creating a seamless transition for users moving between high-performance marketing sites and complex CRM campaigns.
  • Consistency through Systems: I specialize in shaping accessibility and color-contrast guidelines within Design Systems, leveraging reusable CSS architectures to keep services predictable and scalable.
  • The Right Tools: I prioritize efficiency and performance, choosing lightweight technologies like Jekyll, Markdown, and Liquid to build fast, maintainable solutions.