Enveil Auto Styling
A film configurator that sells the work before the car arrives.
Marketing site with a real-time 3D tint, PPF and wrap configurator for a Pasadena auto-styling studio.
- Industry
- Automotive services
- Timeline
- 2026
- Services
- Web Development · 3D / Interactive · Lead capture
- Stack
- Next.js · TypeScript · Tailwind CSS · react-three-fiber · Vercel
Overview
Enveil installs XPEL ceramic tint, paint-protection film and colour-change wraps — one car at a time, by the owner. '35% ceramic' means nothing until you see it, so the site's hero is a 3D car you can actually configure: pick a shade and watch the glass go down.
Challenge
Film is the last thing anyone should notice, which makes it hard to sell online. Competitor sites lean on stock photos and price lists that say nothing about the finish. Enveil needed a site that felt as considered as the installs, worked on a phone in a parking lot, and turned interest into a quote request.
Approach
A monochrome identity — the shield mark is white on black, so light, glass and grain do the work and the only colour on the page comes from the cars. The hero is a physically-based 3D scene with five real VLT tint steps, three PPF coverage levels and five wrap finishes; every change sweeps down the length of the car like film being laid on. Rendering stops entirely off-screen, quality tiers by device, and the whole 3D bundle loads after the headline so first paint stays fast. A smart quote form switches between automotive and architectural fields and emails the studio.
Result
A premium, fast site whose configurator is the most persuasive thing on the page — first-load JavaScript around 111 kB with the 3D scene loaded behind it, real project photography across services and work, and a quote pipeline that logs every lead even before email is configured.
In the product
On the phone
What we built
Not a list of features — a system.
- 3D tint / PPF / wrap configurator with real VLT steps
- Studio lighting built from light-formers (no HDRI download)
- Quality tiers, off-screen render pause, reduced-motion support
- Services and work pages with processed project photography
- Smart quote form (auto vs. architectural) with server-side delivery
- Structured data, Open Graph, SEO foundations