Home
A quieter shine.
A dark cinematic opening: the car and the headline share one frame. The first impression is a night bay, not a light-grey brochure.
Work / Alto Detail
Concept project
Alto Detail
A dark showroom concept for a detailing studio: graphite, oxide red, and a cinematic opening with the car and the headline in the same frame. Five pages, including a results page whose sliders are the main object.
Starting point
To build a complete detailing site with its own brand, priced packages, a visual comparison and a contact path that does not invent results.
Aim
To show how WEBAUR would treat a technical service brand: photography, typography and a function (the slider) that actually does something.
Audience
A detailing studio that wants to look as precise as the work — closer to a showroom than to loud garage advertising.
This is a concept project. It is not a paying client’s website, and it does not invent customers, reviews or results.
Brand identity
ALTO
DETAIL
Colour palette
Graphite
#0C0E10
#0C0E10
Bay
#14181C
#14181C
Silver
#C5CDD4
#C5CDD4
Oxide
#C44932
#C44932
Typefaces
Big Shoulders DisplayA quieter shine.The same self-hosted face as the live demo.
Source Sans 3Essential, Signature and Atelier — packages stated in the open.Self-hosted Source Sans 3, as on the live demo.
Page by page
Alto Detail
Services
Essential, Signature, Atelier.
Three packages with example prices starting at €189. The offering is readable immediately, without hiding the price behind a quote request.
Results
The same car, twice.
Before-and-after sliders are the main interaction. The before frames are processed versions of the same photograph — not a second car, and not documented client work. The page says this plainly.
Process
A day in the bay.
The work is walked through as a day in the shop, so the service feels like stages rather than slogans.
Contact
Request a place in the bay.
A request form and contact details, labelled as a concept. The page does not invent a waiting list or a confirmed booking.
Main features
- Five pages: home, services, results, process, contact
- Three named packages with example prices
- Working before-and-after sliders, described honestly
- A process page that walks through a day in the bay
The sliders compare two treatments of the same photograph. They are illustrative, not evidence of paid work.
Design decisions
Give the brand a manufacturer’s voice.
Big Shoulders is wide and mechanical; Source Sans 3 keeps packages and process text readable. Oxide red is used sparingly, like a painted caliper.
Keep the comparison honest.
A slider is only convincing if the caption is true. Both sides are the same photograph; the “before” is a processed frame, and the page says so.
Put the price next to the package.
Essential, Signature and Atelier are listed with example figures so a visitor can judge the offer without a gate.
Start a project
Let’s build something your customers will remember.
Tell us about your business and what you would like to improve. We’ll take it from there.