Back to the work
01 / 08 Automotive
Automotives STA
Car repair workshop · St Albans, United Kingdom
From the exterior to the engineering behind the motion.
02 The project
A one-page website for a car repair company in St Albans, built around a scroll-driven scene: a light reveals the car, a scan line turns it to wireframe, the engine opens into its groups and the parts land in the service cards.
03 The direction
- Composition
- The car fills the whole scene; the text sits in a narrow column, never competing with the machine.
- Typography
- Heavy uppercase Inter Tight for headings and JetBrains Mono for technical labels.
- Colour
- Black, silver and a single red, with a cold blue kept for the scan line.
- Central gesture
- A scan line crosses the bodywork and reveals the mechanics.
The site’s palette
- Base#08090B
- White#F4F3EF
- Silver#ADB4BC
- Red#E63B32
- Scan blue#CFE9FF
Typefaces
Inter Tight · JetBrains Mono
04 The interface
Phone
05 The motion
- 01 Car
- 02 Scan
- 03 Engine
Light reveals the car; the scan line sweeps the bodywork and shows the structure; the engine separates into groups and the parts slot into the service cards.
06 What I did
Visual direction, interface, motion and development.