Overview 🔎 Cleaner Direct is a UK-based cleaning service that needed a high-converting, self-service website with a clean aesthetic and an intuitive booking flow. I was in charge of the full Webflow build, integrating a custom JavaScript calculator and interactive UI components to streamline the user experience from landing to checkout.

🔧 Tools & Tech: Webflow, Client-First, custom JavaScript, BeerSlider.js, Range Slider, Date Picker 🌍 Live site: https://regularclean.webflow.io

Problem – Cleaner Direct needed more than a static website — they wanted a full lead-gen tool that let users explore services, configure bookings, and get instant pricing without needing to call or fill out generic forms. Their old site lacked interactivity and didn’t reflect the quality of their service.

Solution – I developed a dynamic Webflow site with a custom calculator, a modular layout for scalability, and a smooth UX that guided visitors from landing to conversion. Bonus: subtle micro-interactions and a before/after slider to boost visual credibility.

Build an intuitive, self-service booking interface

Integrate custom logic for pricing based on room count and extras

Maintain a light, professional aesthetic aligned with UK audiences

Display results in a clear summary before submission

Add a date picker, slider, and service selection with persistent state

Built structure using Client-First for scalability

Integrated BeerSlider.js to highlight service effectiveness (before/after)

Developed a custom JavaScript calculator with:

Added date and time pickers with visual feedback

Showed a summary overview card with full breakdown

Designed for responsiveness and UX clarity across all devices

✅ Fully interactive quote & booking system ✅ Frictionless lead generation without backend integration ✅ Better user retention via persistent form logic ✅ Professional look with Webflow-native transitions and lightweight JS ✅ Easily updatable structure for future growth

You can stretch Webflow much further than just static marketing sites

Lightweight custom JS can bridge gaps between design and functionality

Clarity and speed matter — visual cues + summaries build trust fast

Using query parameters to preserve selections across pages feels ✨magic✨ to users