Cleaning company website with online booking
This is a concept website we designed and built for a cleaning company, with placeholder brand details so it can be shown to any cleaning business. A 3D cleaning kit unpacks into four labelled tools as you scroll, and a booking page prices the visit live from the service, the space, the extras and the frequency. It uses no photography.
The brief
Most cleaning company sites are a stock photo of a mop, a list of services and a 'call for a quote' button. The brief was a site that shows the care that goes into the work and lets a customer book and see a price after hours.
What we built
A scroll-driven hero where a cleaning kit unpacks into four labelled tools, service cards that tilt in 3D, a 3D ring of reviews, and a booking page that works out a live estimate from the service, the size of the space, the extras and how often you want a visit.
Build facts
Verifiable facts about this build, not client results.
- 4
- Tools the 3D kit unpacks into
- 3
- Repeat-visit discounts priced live
- 0
- Photo files used
Stack
- Next.js
- React Three Fiber
- GSAP ScrollTrigger
- Lenis
- Tailwind CSS
How it was made.
The hero does the explaining
A cleaning company sells attention to detail, which a stock photo cannot show. The hero is a tall section with a pinned stage: as you scroll, a modelled cleaning kit comes apart into a squeegee, a spray bottle, cloths and pads, each with a line about what it is for. The scroll position drives the animation directly, so it moves at the reader's pace and stops when they stop.
A price before a phone call
The booking page asks for the service, the size of the space, any extras, a date and how often. It adds the estimate up as you choose, including the discount for visits every week, two weeks or four weeks, so a customer browsing at night leaves with a number. The prices in the demo are placeholders for the business's own price list, and the form hands the request to email rather than taking payment.
Labels are real text
The part labels on the 3D kit are ordinary HTML positioned from the scene each frame, not text drawn into the canvas. They stay sharp at any zoom, can be selected like any other text, and are still there if the 3D scene never loads.
This build is an example of our Website Development work. If you want something like it for your own business, tell us what you need.
More concept builds
- Ember & Ash, wood-fire restaurantA restaurant website with no photography at all: a GPU ember field, a tabbed menu and a table-booking flow, every visual drawn in code.
- Torque & Co., independent garageA garage website built around trust: an exploded brake assembly you scroll apart, up-front pricing and a plain-English symptom checker.
- Morrow Coffee, specialty caféA café website with a 3D cup, a drink builder that re-pours your order as you choose it, and a tap-to-stamp loyalty card.
- Home health therapy staffing website redesignA redesign concept for a company that matches home health agencies with physical, occupational and speech therapists: two audiences, two paths and a 3D diagram of how a referral moves.
Want one of these for a real brand?
Tell us what you need and get a written scope, timeline and fixed quote within 48 hours of a free 30-minute call, whether or not you hire us.
Replies within 24 hours · NDA on request · No commitment