— Loading
All 47 builds
Spec demo·Automotive / Configurator
Cool Car · 3-Variant Spec Demo (DE)
Cool Car is a three-variant spec demo for an automotive retrofit and coding shop, built as a "pick one" pitch. The landing page hands the buyer three fully designed directions for the same business, then routes to live V1, V2, and V3 pages. It is aimed at a Swiss CarPlay and infotainment installer who wants a configurator-led site and needs to choose a visual direction before final polish.
Spec demo — a self-initiated build showing the craft for this niche. Real names/assets swap in on a live engagement.
What this build shows
The build demonstrates a decision-first pitch format: one selector page presenting three complete design systems, each on its own route. V1 goes editorial with Fraunces serif and a Swiss vermilion accent, V2 goes cinematic on a dark obsidian and lime palette, V3 goes brutalist Swiss with oversized Inter type. All three share the same funnel spine: a step-by-step vehicle configurator (brand, model, year, infotainment), a CHF-priced service table, workshop trust section, four-step process, project references, and an FAQ with a lead-magnet PDF and contact form.
- One landing page ships three distinct design systems side by side, so the client picks a direction instead of approving a single guess
- Configurator funnel is the shared backbone: brand to model to year to infotainment, with live CHF pricing and a sub-30-second, no-required-fields promise
- German-language UI with Swiss-market specifics (CHF pricing, VAT-included, TWINT and PostFinance payment marks, numbered section notation)
- Each variant carries its own type and color language while keeping the same eight-section spec and contact structure
Built with
Next.jsTailwindVercel
Proof of craft for
An automotive retrofit or car-audio installer who wants a configurator-driven site and a clear way to choose a design direction.
More spec demos
