An automotive website with a cinematic first impression and a practical service structure. Dark imagery and red details frame a clear offer covering maintenance, repairs and detailing.
Project scope
- Website design
- Automotive service layout
- Care-package presentation
- Article layout
- Booking pathways
The idea
Car care covers very different visits, from an MOT to a careful detail. Ferrisley brings them together under one identity while keeping the services distinct. The page introduces the workshop’s positioning, then lets visitors find the kind of appointment they need without sorting through a long block of copy.
Design direction
A dark workshop photograph and illuminated headlights give the hero a cinematic quality. Red buttons create sharp focal points against the black and cream palette. The following sections open up into lighter backgrounds, giving the service information room to breathe after the dramatic introduction.
The visitor journey
The service grid includes detailing, servicing, diagnostics, tyres, brakes and air conditioning. Care packages offer another way to compare the available options. Supporting workshop information and maintenance articles give visitors more context before the repeated booking route.
Design review
The shift from a dark hero to lighter content is the most effective part of the composition. It establishes a strong identity and then gets out of the way of the information. Separating individual services from care packages also helps people browse according to the decision they are trying to make.
A closer look
Considered at every size.
Desktop · A closer look at the content
Mobile · The first impression
Your next website