
Madras Auto — Auto service site with video hero, online booking, and service listings
Madras Auto runs an automotive service business in Halifax — repairs, maintenance, diagnostics, the usual range. Their previous web presence was a static one-pager that didn't list services, didn't accept bookings, and didn't show what the shop looked like. The owner wanted prospects to see the operation: clean bays, real mechanics, real cars on real lifts. Trust signals matter in auto repair, where customers are often anxious about being upsold or taken advantage of.
We built a marketing site with a video hero (a short loop showing the actual shop), explicit service listings with transparent pricing where possible, an online booking system tied to the shop's actual schedule, and a contact form for inquiries that don't fit the standard service menu. The site is mobile-first — most auto-service prospects search on a phone after their car has already started making the noise. Mobile load time was a hard constraint: the video hero is lazy-loaded behind a poster image, the booking widget loads on click, and the rest of the page is static-rendered for sub-second LCP on 3G.
The trickiest part was the service taxonomy. Auto repair services overlap (an oil change is a maintenance task, but it can also be part of a diagnostic). We worked with the owner to flatten the taxonomy into something a prospect would recognize without using mechanic jargon. The result is a service listing that feels obvious in retrospect — the sign of good information architecture.
The site shipped on schedule. Online bookings began arriving in the first week. The owner reports the video hero is the most-mentioned feature on first appointments — the trust signal it carries does what a thousand stock photos couldn't.


Tech stack
Next.js 15TypeScriptTailwindFramer MotionVercel