MMDriving, a case study by Cole Crawley

Still in progress. I'm finishing this with the client. Pass rates and reviews will go on the site once they're confirmed, rather than guessed.

The brief

An instructor covering six East Midlands towns needed a site a nervous learner, or their parent, would trust, and that turns a visit into a booked first lesson.

MMDriving hero: headline 'Pass Your Test. First Time.', book and call buttons, and a card listing DVSA approval, pass rate, rating and a dual-control car — The hero leads with the outcome a learner wants and puts both ways to book side by side.

One page, in the order a learner decides

The site is a single scrolling page that follows the questions a learner asks, in the order they ask them: who's teaching me, what lessons are there, what does it cost, how do I start, and how do I book. Every town is named rather than a vague "East Midlands", both for local search and for a parent scanning for their own town.

Illustration of a winding road from Beginner through Building Confidence and Test Ready to Passed, gold on navy — Learning to drive drawn as a road, from first lesson to test pass, beside the instructor's introduction.

Enquiry form with name, phone, email, lesson type and area dropdowns, an optional message box and a Send Enquiry button — The enquiry form asks for exactly what the instructor needs to reply: lesson type and area as choices, and an optional note with prompts like "I'm quite nervous".

Key decisions

Booking is always one tap awayThe header carries both "Call Now" and "Book a Lesson" and stays pinned while you scroll; on phones a bar at the bottom of the screen does the same job. Ranking well locally is wasted if booking takes effort.
Pricing that points somewhereThree ways to pay, with the 10-hour block marked as best value, a separate test-day package, and the cancellation policy stated up front instead of in small print.
Answer the worries before they're askedHow many lessons you'll need, whether you need a provisional licence first, switching between manual and automatic, and whether nervous drivers are welcome are all answered in an accordion FAQ, so the answers are there without turning the page into a wall of text.
Calm and competent over loudA deep instructional navy with a warm gold for actions, a deliberate move away from the saturated palettes most local driving-school sites use.

Six lesson type cards: manual, automatic, semi-intensive, Pass Plus, motorway and refresher lessons — Every lesson type explained in a sentence, in the learner's language.

Pricing: pay as you learn, a highlighted 10-hour block marked best value, 90-minute sessions, a test day package and a cancellation policy — Pricing with one clear recommendation and no hidden terms.

FAQ accordion with the first question, how many lessons will I need, opened to show an honest answer — The FAQ answers the worries a nervous learner has before they have to pick up the phone.

Designing inside a real constraint

There was no budget for a backend, so there isn't one. The site is fully static and the enquiry form runs through Formspree. That one constraint shaped everything downstream: no accounts, no personalisation, nothing that assumes infrastructure the client isn't paying for.

Stack

React 19
TypeScript
Vite
CSS Modules
Design tokens
Formspree
Netlify