Case study 01 · Local service business · 2026
Mile Marker Driving School
Driving-school websites all sell the same thing in the same words. This one opens by answering the question every visitor actually arrived with — and doesn't mention the school until it has.
- Client
- Concept project
- Sector
- Driver training, Sacramento CA
- Scope
- Positioning, copy, design, build
- Build
- Hand-written HTML, CSS, JS
- Weight
- No framework, no trackers
Live and interactive — the roadmap tool works inside the frame. Open it full size.
The brief
A crowded category where every site says the same four things.
Search “driving lessons Sacramento” and the results are interchangeable: a photo of a car with an L-plate, a headline about safe and confident drivers, a pass-rate percentage with no denominator, and a contact form below the fold. The category has settled into a template, and every business in it competes on price by default because nothing else distinguishes them.
A driving school's economics don't reward that. Acquiring a student is expensive, and the difference between a six-hour package and a ten-hour one is most of the margin. The site's job isn't traffic. It's convincing a specific, anxious person that this school understands their situation well enough to be trusted with it.
What we found
Three things that changed the whole design.
-
The buyer and the user are different people.
For teen lessons the parent pays, researches, and decides — the teenager just shows up. Almost every competitor site writes to the learner. Writing to the parent, and being explicit about it, was available for free.
-
Reviews outrank pass rates.
A bare pass-rate figure reads as unverifiable, so people discount it. What they weigh instead are recent reviews mentioning three specific things: punctuality, calm coaching, and clear communication. So the testimonials on this page were written to carry exactly those, and the one statistic on the page carries its denominator — 312 of 340, not 92%.
-
Nobody explains California's licensing path.
Thirty classroom hours, a permit at 15½, six hours with a licensed instructor, fifty supervised hours with ten after dark, a road test at 16. It's genuinely confusing, it's the reason most people start searching, and every competitor buries it in a blog post nobody reaches.
The decision
Make the confusion the hero, not the car.
The third finding is the whole design. Instead of a hero image and a slogan, the top of the page is a three-question tool that takes a visitor's actual position — teen or adult, permit or not, hours logged — and returns what's left, how many hours, and the earliest month a licence is realistically possible.
It earns the space three ways. It answers the question that brought the visitor there, which builds more trust than any claim about calm instructors. It qualifies traffic, because the answer routes a nervous parent and a licence transfer to different packages. And the primary call to action sits inside the result, at the moment the visitor has just been given something useful — which is the highest-intent moment on the page.
The dates it returns are deliberately rendered to the month rather than the day. The inputs are approximate; precision beyond that would be a confident lie, and confident lies are what the rest of the category already sells.
Identity
Borrowed from the road, where the colours already mean something.
American highway signage has a fixed grammar: green signs guide you, yellow signs warn you. The palette takes both, and the site obeys the grammar — green carries direction and every call to action, yellow appears only where something genuinely needs attention. Colour does a job instead of decorating.
The greys are pulled fractionally toward green rather than taken from a default neutral ramp, so the page reads as one temperature. The roadmap tool is built to the proportions of a real guide sign — green field, white retroreflective border inset from the edge, rounded corners.
Merge at speed
Overpass — drawn from FHWA Highway Gothic, the lettering on American road signs. Headlines, buttons, the sign field. Chosen because it is literally the typeface of the subject.
Fifty hours, ten at night
IBM Plex Sans for body copy and IBM Plex Mono for hours, dates and labels. All three faces are self-hosted, so the site makes no third-party request at all.
Page order
Every section is answering an objection, in the order people raise it.
Roadmap tool
Answers the arrival question, qualifies the visitor, and places the first CTA at peak intent.
Trust strip
Four figures, each with its denominator or unit. Sits immediately under the tool, while credibility is being assessed.
Three tracks
“Is this place for someone like me?” Licence transfers and freeway anxiety get equal billing rather than a footnote — an underserved, higher-margin segment.
The freeway section
Names the fear the parent hasn't said out loud, then answers it with a structure — three specific freeway hours, in order, on named roads.
How it works
Removes the fear of an unknown process. Numbered, because unlike most numbered lists on the web this one is genuinely a sequence.
Pricing
Three tiers with a falling hourly rate, and each tier states which DMV requirement it satisfies. That mapping is the differentiator no competitor bothers with.
Instructors
Named people with specifics — years, languages, what they're best at — because “ask for Rosa” is a stronger close than any credential.
Reviews
Written around punctuality, calm coaching and communication, because that is what people actually read reviews for.
FAQ
Six real objections answered plainly, including “six is often enough” — declining to upsell is itself a conversion mechanism.
Booking form
Six fields, risk reversal stated next to it: same-day callback, no payment until after the first lesson, free cancellation.
Ruled out
What the page deliberately doesn't do.
- Stock photography of a smiling instructor holding car keys. Every competitor has the same three images from the same library.
- A bare pass-rate percentage. It reads as marketing; the denominator reads as accounting.
- Scroll-triggered animation on every section. One orchestrated moment — the roadmap resolving — lands harder than twenty small ones, and the twenty are how a page announces it was generated rather than designed.
- A countdown timer or a fake discount. The audience is a parent spending several hundred dollars on their child's safety, and manufactured urgency reads exactly as what it is.
- A chat widget, an analytics tag, a font CDN. The page makes zero third-party requests, which is most of why it loads the way it does.
Under it
Details a client never asks for and always benefits from.
-
Themes
Light and dark, both designed
Not an inverted filter. The dark accent is lifted to a separate value so contrast holds on the night ground.
-
Payload
No framework, no build step
Four self-hosted font files and about 40KB of hand-written CSS and JS. Nothing to update, nothing to break.
-
Access
Keyboard and screen-reader complete
Visible focus throughout, the roadmap tool is fully operable by keyboard, form errors are announced, motion respects the system setting.
-
Form
Validated at the edge
A Cloudflare Pages Function checks the submission server-side; swapping in a real email provider is a few lines.
Honestly
This is a concept, so there are no results to quote.
Plenty of agencies would attach a number here. We'd rather tell you what we would instrument on day one for a real client, and what we'd expect it to tell us within a quarter.
Roadmap completion rate — what share of visitors finish all three questions. This is the leading indicator; if it's below about a third, the first question is wrong.
Enquiries from inside the result versus from the page's other calls to action. The whole thesis is that the result CTA outperforms, and it's directly falsifiable.
Package mix. The tiers are built so the middle option is the obvious choice. If enquiries skew to the cheapest tier, the pricing section needs rework, not the hero.
Call-back-to-booking rate, which the site can't fix but can inform — if the roadmap answers are attached to the enquiry, whoever picks up the phone already knows the caller's situation before they say hello.