Dzikri LogoZIKSITE
All projects
BODY REPAIR WEBSITE & JOB TRACKINGLIVE

Car Body Repair & Paint Workshop Website

A redesign for a car body repair and paint workshop chain. Customers mark damaged panels to get a price range, book an inspection with drop-off or pickup, choose an insurance claim or private payment, and follow their car through each repair stage with photos.

Car Body Repair & Paint Workshop Website

01The Challenge

The old homepage opened with a slogan over a dark photo and offered only two buttons: view services or become a partner. The workshop already had clear prices by panel size, but they sat on an inner page, and the homepage showed a single "from" price. Every call to action ended at the same WhatsApp number, with no way to pick a branch, a date, pickup or an insurance claim.

Repair tracking and the written warranty were promoted in a card but had no page behind them. Most photos carried the brand logo on walls, plates and paint cans, several were generated images, and the homepage gave space to celebrity projects and a franchise section instead of the everyday customer with a dented door.

02The Solution

The homepage leads with real workshop photos captioned with price and duration, then tabs for body repair, spot repair, paintless dent repair, full repaint and care, each with before-and-after photos and its price table. Panel sizes are shown on a small car diagram, and a lookup field opens the tracking page by plate or work order number.

The estimator lets customers click damaged panels on a top-view car; the summary prices each panel and adds up a range, adjusted for car class, paint type and repair method. The same flow picks a branch, a date with open slots, drop-off or pickup, and insurance or private payment. While the car is in the workshop, the customer sees stage photos, a quality checklist, a timeline and requests for extra work to approve, and staff move jobs across a board from inspection to ready for pickup. The planned production stack is Next.js with Supabase.

03Key Features

  • Per-panel price ranges on the homepage and service tabs
  • Clickable top-view car for selecting damaged panels
  • Live price range by car class, paint type and repair method
  • Booking with branch, date slots, drop-off or pickup
  • Insurance claim or private payment path
  • Repair progress page with stage photos and approvals
  • Workshop board with booth status and stage columns

04Feature Gallery