Portfolio

Recent work.

Five projects, each with a case study. Click through to see the problem, the approach, and what the site is doing now.

bramracing.co.uk
Next.js 16TypeScriptTailwind CSS v4MotionMDX

Bram Racing

4.9★ on Google · 149+ reviews

Bram Racing is a vehicle tuning and handling specialist based in Castleford, West Yorkshire, trading since 2004 with a 4.9-star rating from over 149 Google reviews. I rebuilt their WordPress site into a modern Next.js website deployed on Vercel - featuring service pages for 4-wheel alignment (Hunter HawkEye Elite), ECU remapping, suspension, ASNU fuel injector cleaning, and a dedicated Dynapack hub dyno landing page with pricing, FAQ, and booking form. The site includes an MDX blog with filesystem-based content discovery, Formspree contact forms, structured JSON-LD for local business SEO, dynamic Open Graph image generation, Google Reviews integration, and Vercel + Umami analytics with full event tracking.

Key Features:

4-Wheel AlignmentDyno TestingECU RemappingMDX BlogGoogle ReviewsJSON-LD SEODynamic OG ImagesUmami Analytics
vclarkebooks.com
Next.jsTailwind CSSDecap CMS

V Clarke Books

Author-managed via Decap CMS

Author V. Clarke needed a platform to showcase her romance book series and connect with readers. I built an elegant author portfolio with a full book catalogue, Amazon & Goodreads purchase links, newsletter signup with a free novella incentive, and bonus content downloads via BookFunnel - all managed through Decap CMS so the author can update content independently.

Key Features:

Book ShowcaseNewsletterBonus ContentBook PlaylistsContact FormCMS
castlefordhirecentre.co.uk
Next.js 16React 19TypeScriptTailwind CSS v4HireHop APIAzure AD

Castleford Hire Centre

Live HireHop stock + pricing

Castleford Hire Centre is a tool and equipment hire business based in Castleford, West Yorkshire, trading as BRANE-TEC LIMITED. I built a ground-up full-stack hire platform replacing a basic WordPress site with no online booking capability. The core feature is a live integration with HireHop - their equipment rental management software - pulling real-time stock catalogues, pricing, and date-specific availability via a server-side proxy that keeps API tokens secret. Customers can browse the full catalogue, check availability on an interactive calendar, see calculated hire pricing with a custom pricing engine matching the business's day/weekly/weekend rate structure, and submit hire enquiries that create jobs directly in HireHop as status 'Enquiry' for staff to review and confirm by phone. The checkout supports collection or delivery, and includes a 15% insurance surcharge waived for account customers detected via HireHop's address book. Staff authentication uses Microsoft Azure AD via MSAL for a protected dashboard showing active jobs, inventory, and bookings pulled live from HireHop. API responses are cached using Next.js unstable_cache to stay within HireHop's rate limits.

Key Features:

Live Stock & PricingHire CalendarCustom Pricing EngineHireHop IntegrationAzure AD DashboardJSON-LD SEO
fairwaysgarage.com
Next.js 16React 19TypeScriptTailwind CSS v4FormspreeJSON-LD

Fairways Service Station

First website in 60 years of trading

Fairways Service Station is a family-run garage in Ackworth, West Yorkshire, established in the 1960s - previously with no website at all, relying solely on Facebook. I built a greenfield 4-page brochure site (Home, Services, About, Contact) designed mobile-first for the 'garage near me' search audience. Nearly everything is server-rendered - only two client components exist (mobile nav toggle and contact form). Features a custom-built Google-style reviews carousel, JSON-LD structured data for local business SEO, a sticky mobile call button, Formspree-powered contact form, Google Maps embed, and responsive images via Next.js. Colour theme uses blue and dark charcoal defined as CSS custom properties in Tailwind v4's @theme system. Guild of Master Craftsmen members with a 5-star Google rating.

Key Features:

Mobile-First DesignReviews CarouselJSON-LD Local SEOSticky Call ButtonFormspree ContactGoogle Maps
geckoendurotours.eu
Next.js 16React 19TypeScriptTailwind CSS v4FormspreeJSON-LD

Gecko Enduro Tours

Typography-led, GDPR-compliant enquiry funnel

Gecko Enduro Tours is a guided enduro motorcycle tour operator in the French Pyrenees, replacing a dated WordPress/Elementor site with no real conversion path. I built a 6-page marketing site (Home, About, Tours, Gallery, Prices, Contact) designed around one goal: get more qualified enquiries into the owner's inbox. The biggest design challenge was compensating for low-resolution circa-2013 smartphone photography with no budget for a reshoot. I solved this with three image treatments (duotone blend, gradient-grain hero overlays, and rotated-frame shadows) and a typography-led layout using Bricolage Grotesque and Inter. Nearly everything is server-rendered, with client components only where interactivity demands it (mobile nav, tour filter, enquiry form, gallery lightbox, GDPR map consent). Features a Formspree-powered enquiry form with React Hook Form + Zod validation, GDPR consent-gated Google Maps embeds using localStorage persistence, JSON-LD structured data for local business SEO, Vercel Analytics with custom event tracking, and an i18n-ready architecture via next-intl. Colour theme pulls the brand yellow (#F5C518) from the client's gecko logo, with a WCAG AA accessible palette throughout.

Key Features:

Typography-Led DesignThree Image TreatmentsJSON-LD Local SEOGDPR Consent MapsFormspree Enquiry Formi18n-Ready Architecture

Interested in working together?

Start Your Project