The launch site for Midnight Boost, a new mobile auto detailing business. Cinematic dark-mode aesthetic, custom scroll-triggered motion, multi-step booking flow, and a zip-code service-area gate that qualifies inquiries before the form ever opens.
Auto detailing is a saturated category sold with stock photos and quote forms. Midnight Boost is a new mobile operator entering NJ + NYC, and the brief was direct: the launch site shouldn't look like every other detailer's site. It should feel like the work itself.
The other half of the brief was operational. A mobile-only business can't afford to spend its first months filtering inquiries by hand from outside the service radius. The site had to qualify leads before they ever landed.
The whole site is a continuous scroll scene. A dark stage, a car that catches the light as you move down the page, and the service tiers revealing themselves as you pass them. Underneath that scene is a small, hardworking booking system ready for day-one traffic.
A launch site for a new mobile detailer doesn't need server rendering, an API, or a database. One HTML file with inline CSS and JS deploys in 30 seconds and runs free at any traffic level. The whole stack is the file plus Netlify's CDN. Maintenance means editing one document.
Considered: Next.js, Astro, WordPress (vendor's default instinct)
The service area is North Jersey + the five NYC boroughs. A four-line JS check on the first three digits of a ZIP (NJ 070–076, NYC 100–104 and 110–114) answers the only question that matters: "do we drive to you?" The Maps API would need a key, cost per request, add 60KB of JavaScript, and answer the same question with more failure modes. Out-of-area visitors never reach the booking form.
Considered: Google Maps Distance Matrix, Mapbox geocoding, free-form address with manual review
Long forms scare visitors away. Splitting the booking across four short steps (ZIP, vehicle, contact, notes) reads as progress instead of a chore. The form is also part of the brand: same cinematic dark stage, same cyan cursor, same restraint. A Typeform embed would break the visual continuity at the exact moment the visitor is deciding to commit.
Considered: Typeform, Calendly with an intake field, a single long form
Midnight Boost opened with a site that reads like a film and works like a funnel. The scroll scene moves visitors to the price tiers; the zip gate keeps the booking form clean; the multi-step booking captures the right info on the first try.
From the first day live, out-of-area inquiries never reach the form, and in-area bookings arrive complete and ready to schedule. The brand walked into market with a site that pulls weight from day one instead of catching up to it.