The business & the brief.
Apex Auto Studio is a fictional paint correction, ceramic coating and PPF studio in Boca Raton with a mobile unit across South Florida. The site sells a high-ticket, technical service on process and numbers, prices everything openly by vehicle size, and ends in a five-step configurator that produces a work-order ticket.
Apex Auto Studio is a fictional business. This concept was designed and built by Obsidian Webworks to demonstrate what we create for auto detailing businesses. No client results are implied.
Look, feel & voice.
The AUTOMOTIVE TECHNICAL system: black, white, silver and graphite with a single signal red used only for live dots, active states and drawn hairlines. Huge tight uppercase Space Grotesk carries the aggression and Space Mono carries every spec and data label. Sharp corners, hairline grids, viewfinder ticks and a crosshair cursor make it read like a performance-car launch, not a spa.
Built to bring customers in.
Telemetry HUD
A sticky top bar shows a live Boca Raton clock, computed next-bay availability and coordinates in mono, and the menu opens a full-screen overlay of numbered panels with hover image previews.
Pinned services reel
On desktop, vertical scroll drives five large spec-sheet panels sideways with a red progress counter; on phones and with reduced motion it becomes a swipeable snap carousel with arrow buttons.
Before / after finish
A full-width drag, touch and keyboard slider where the clearly labelled 'before' is the same photo dulled with CSS filters and a swirl overlay.
Spec comparison pricing
Five packages compared row by row in a table, with a Coupe/Sedan, SUV and Truck/XL toggle that re-prices every column and deep-links the size into booking.
PPF coverage diagram
A hand-drawn top-down SVG car whose 27 panels highlight for Partial Front, Full Front, Track or Full Body, with a live price, panel count and size toggle.
Paint cross-section
Stage 1, 2 and 3 correction tabs animate how much clear coat each stage removes on a layered paint diagram, with removal, time and price specs.
Booking configurator
Vehicle, condition, services and add-ons, date and details steps with inline validation, a live estimate (a sticky bar on mobile), studio-only rules and a printed-style work-order ticket at the end.
Crosshair imagery
On fine pointers a viewfinder crosshair with live X/Y readout replaces the cursor over photography, and the gallery opens into a keyboard and swipe lightbox.
The full experience.
Hover (or tap) to scroll the entire homepage. Every section, top to bottom.
Designed for the phone first.
Most customers will meet this brand on a phone. The mobile layout is designed on its own terms, with thumb-friendly actions and a dedicated menu.
Site sections.
A complete, production-ready structure. Every section is designed, written and responsive.
- Telemetry HUD
- Hero
- Spec strip
- Services reel
- The Finish (before/after)
- Packages
- The Process
- The Garage
- Book your detail
- Technical footer
Want a website like this for your business?
Tell us what you do and who you serve. We’ll show you what your website could be.
Start Your ProjectNorthstar Exterior Co.
Pressure washing, soft washing, roof cleaning & lawn care
Explore Project
