Automotive · Local service
Tom’s Headlight Restorations, clear headlights, safer nights.
A simple, effective website that gives a local headlight restoration business an online identity, with before-and-after proof and easy booking.
Overview
From word-of-mouth to an online identity
Tom’s Headlight Restorations is a small local business restoring cloudy or yellowed car headlights to like-new condition. Before this project, customers came mainly through word-of-mouth and local ads.
The site needed to showcase before-and-after results, explain the service and make contact or booking easy, while staying simple for the owner to maintain and reflecting the practical, honest nature of the service.
The challenge
Proving the value of a service people don’t know exists
Some car owners don’t realise headlight restoration exists, or how much it improves visibility and looks. The site had to build trust, demonstrate the impact instantly with dramatic before-and-after photos, and work for a broad local audience, including people who aren’t very tech-savvy.
Show the transformation instantly with before-and-after photos.
Highlight the safety and cost benefits versus replacing headlights.
Explain the restoration process in plain, accessible terms.
Drive visitors to contact Tom for an appointment.
Large text and obvious buttons for less tech-savvy visitors.
A mobile-friendly layout for people searching from a flyer or Google.
Process
Simple, clear and built to convert
Discovery
Talked with Tom about how the service works, timing, pricing and his mobile service, plus common questions like how long a restoration lasts and how it compares to new headlights.
Content planning
A one-page flow: a “Clear Headlights, Safer Nights” hero with a before-and-after slider, the service and its benefits, a gallery, testimonials, and a contact section with a persistent phone number.
Wireframing
A logical flow from problem to solution to proof to call to action, with an interactive comparison slider up top, an FAQ accordion and a minimal contact form.
Visual design
Asphalt dark grey with vibrant orange accents for contrast, a sturdy heading font, a dramatic split before-and-after hero photo, and benefit icons for easy scanning.
Development
A lightweight, mobile-first WordPress build with a touch-friendly comparison slider, click-to-call, a Google Map of the service area and a Facebook link for social proof.
Testing
Tested on several phones and with non-technical users, then increased font sizes and added a mid-page “Get a Free Quote” button.
Results
A small site with a big impact
Lead volume roughly doubled after launch, with bookings now coming from neighbouring towns too.
Many customers found Tom via Google and were impressed by the before-and-after examples.
A low bounce rate, with click-to-call used often, especially in the evenings.
The site’s clarity and visual proof set Tom apart from competitors relying on classifieds and social media.
Tools
- Figma
- WordPress
- Google Maps API
- Google My Business review schema