01 // Range
A service marquee, not a menu.
A scrolling marquee cycles the services — dent removal, PPF, insurance claims, 24/7 towing — communicating breadth in seconds without a single dropdown.
Case Study · Website Design · Scarborough
JM Auto Collision: a quote flow wrapped in a cinematic shop site.
A full-service Scarborough collision shop — 10+ services, 24/7 towing, GTA-wide coverage, a 5.0 Google rating — competing in a market where most shop websites look identical. The demo build gives the shop a visual identity and a direct path from landing to estimate.
The Problem
Full-service shops struggle to communicate breadth without clutter.
Collision repair, painting, dent removal, ceramic coating, PPF, tinting, insurance claims, towing — listing everything usually produces a wall of text nobody reads. The design challenge: show the range fast, keep one clear action, and still feel like a real shop rather than a brochure.
02 // Capture
Estimate form on the first screen.
The quote form sits in the hero next to the proof points: 5.0 on Google, the Bellamy Rd address, fast turnaround. One action, immediately available.
03 // Reality
Real shop, real photos.
The gallery and before/after sections use actual repair photos from the shop floor — paint work, door repair — because in this trade the work is the marketing.
Design Decisions
Cyan and amber on deep navy — technical, not corporate.
System
Visual language
A cyan/amber accent system over deep navy reads as precise and technical — closer to a detailing studio than an insurance office. Barlow Condensed headlines give it the bold shop-poster energy; DM Sans keeps the details readable.
Structure
Five pages, one path
Home, Services, Gallery, Why Us, and Reviews. Numbered service rows reveal as you scroll — each with its own proof tags (direct billing, Ontario-legal tint, post-accident towing) so detail lives where it's wanted without crowding the pitch.
Owner
Tharsan and the team up front
The about section names the people doing the work. For a local shop, the team is the differentiator — the design treats them that way.
Next step
Automation-ready capture
The estimate form is built to plug into the AI follow-up stack — instant first response, qualification, and booking — documented on the AI Automation page.
See It
Walk through the live demo.
Your Business