Portfolio

Client sites, built end to end.

Live sites I have built for real businesses in Lincolnshire, followed by demonstration builds I made myself to show how I approach a brief. The demonstration builds are for fictional businesses and every one of them says so on the card. I will not pass one off as a commission.

Client work

Live sites, designed and built for real businesses and still running today.

  • Homepage of JHW Gardening Services: a light green and white design headed 'Your garden, kept tidy all year round', with a call button showing the mobile number, a free quote button, and a photograph of a maintained garden border beside a clipped hedge.
    GardeningLive client site

    JHW Gardening Services

    Alford, Lincolnshire

    A one-man gardening round covering Alford and the villages around it. A light, uncluttered design built around the two things his customers actually do: ring him, or ask for a quote. Services, an about page, a gallery, and click to call on every screen.

    • Next.js
    • TypeScript
    • Tailwind
    • Framer Motion
    Visit the live site, JHW Gardening Services (opens in a new tab)
  • Homepage of Ethan Payne Golf: a deep navy panel over a photograph of a misty golf course at first light, headed 'Enjoy your golf more', with gold Book free assessment and outlined Lessons and pricing buttons.
    Sport coachingLive client site

    Ethan Payne Golf

    Louth, Lincolnshire

    A coaching site for a PGA golf professional based at Louth Golf Club. An editorial design in navy and gold over course photography, with lesson and junior coaching pages, clear pricing, and one primary action throughout: book a free assessment.

    • Next.js
    • TypeScript
    • Tailwind
    • Framer Motion
    Visit the live site, Ethan Payne Golf (opens in a new tab)

Demonstration builds

Fictional businesses, built by me to show how I approach a brief. Not client commissions.

  • Homepage of The Copper Kettle demonstration site: a warm editorial layout headed 'Good coffee, honest cooking and nowhere to be', with Book a table and See the menu buttons above a photograph of the café interior.
    HospitalityDemonstration build

    The Copper Kettle

    A fictional independent café and bistro in Bath. A warm, editorial design with brunch, lunch and evening menus, a photo gallery, and a table booking enquiry form.

    A fictional business created to show build quality. Not a live client site.

    • Next.js
    • TypeScript
    • Tailwind
    • Framer Motion
    View live demo, The Copper Kettle (opens in a new tab)
  • Homepage of the Summit Roofing demonstration site: a dark hero over rooftop photography headed 'A sound roof over your head, done right first time', with orange call and quote buttons and a trust strip listing insurance and guarantees.
    TradesDemonstration build

    Summit Roofing

    A fictional family roofing contractor covering Leeds and West Yorkshire. A trade-services layout with a services grid, a before and after project gallery, an emergency call-out route, and example reviews clearly labelled as examples.

    A fictional business created to show build quality. Not a live client site.

    • Next.js
    • TypeScript
    • Tailwind
    • Framer Motion
    View live demo, Summit Roofing (opens in a new tab)
  • Homepage of the Kinetic Studio demonstration site: a black and volt-green design headed 'Train loud. Recover hard. Repeat.', with a 30 days for 30 pounds offer button and a scrolling ticker of class names.
    FitnessDemonstration build

    Kinetic Studio

    A fictional strength and conditioning studio in Manchester. A loud, high-contrast design with five coached class formats, a weekly timetable, membership pricing with an intro offer, and trainer profiles.

    A fictional business created to show build quality. Not a live client site.

    • Next.js
    • TypeScript
    • Tailwind
    • Framer Motion
    View live demo, Kinetic Studio (opens in a new tab)
  • Homepage of the Example CAD Works demonstration site: a dark blueprint-style hero headed 'Production-ready CAD. Drawn to spec, delivered to deadline', with orange enquiry buttons and a technical specification strip along the footer.
    EngineeringDemonstration build

    Example CAD Works

    A fictional CAD and mechanical engineering bureau. An industrial design system, a clear structure for dense technical content, and a layout built around turning visitors into enquiries.

    A fictional business created to show build quality. Not a live client site.

    • Next.js
    • TypeScript
    • Tailwind
    • Framer Motion
    View live demo, Example CAD Works (opens in a new tab)

Want a site built to this standard for your business?

Every site here ships with its email records set up properly. Check yours in seconds and see where you stand.

Free security check Get a quote