MOT & servicing · Fareham, Hampshire
Plateline MOT Centre
A bold, high-contrast booking site for an independent MOT centre. The price leads, the reg-plate booking bar sits on the first screen, and a monthly "free MOTs for life" draw gives people a reason to book here instead of the garage down the road.
Type
Concept build
Year
2026
What I did
Web design, Development, Copywriting, Conversion strategy
Built with
Next.js 16, React 19, Tailwind CSS v4, Motion
The brief
A £39.99 MOT site with booking, a prize draw and live DVSA data.
MOTs are a price-led, distress-free purchase: people compare a few garages and book whichever is cheapest and easiest. The site needed to win on both in seconds, and give drivers a reason to remember the name next year.
The approach
- 01
Put the price front and centre: £39.99 against the DVSA maximum of £54.85, with the saving spelled out, so the value is obvious before anyone scrolls.
- 02
Made booking feel like one step. A UK number-plate input leads straight into choosing a slot, with "no payment now" and "free cancellation" under the button to remove any hesitation.
- 03
Added a hook competitors don't have: every MOT is entered into a monthly draw for free MOTs for life, with a live countdown in the top strip.
- 04
Backed it up with useful tools and real data: an MOT due-date checker and the most common reasons cars fail, taken from published DVSA statistics.
Key features
What makes it work.
Reg-plate booking bar
A real UK plate input on the first screen that leads into slot booking.
Monthly prize draw
A "win free MOTs for life" draw with a live countdown and full terms page.
MOT due-date checker
A small tool that answers "when is my MOT due?" and nudges towards booking.
DVSA fail-reason chart
Animated bars showing what cars actually fail on, using real published stats.
Live opening status
An "open now" badge and next-free-slot chip that update from the opening hours.
Sticky mobile bar
Call and Book buttons always within thumb reach on phones.
The full homepage
Scroll the whole page.
Scroll inside the window to see every section, top to bottom.
On mobile
Phone-first.
Most visitors arrive on a phone, so the mobile layout gets designed first, not squeezed in at the end.
Design system
Colour & type.
A small, deliberate palette and type pairing, used consistently across every page.
Night navy
#0a1430
Navy soft
#121e40
Plate yellow
#ffd21f
Deep yellow
#f5c400
Plateline MOT Centre is a fictional business created to show this design. The site is fully built and working; reviews, prices and team details are example content.
Next project
Emberline Plumbing & Heating
A warm, multi-page heating site with a grant checker and SEO hub
View case study
Want results like this for your business?
Tell me a bit about your business and what you need. You'll get a clear, no-obligation quote back.