Skip to content
All work
Commercial cleaningDemonstration project

Clario Cleaning

A trilingual website for a fictional Belgian commercial cleaning company, with clear service pages, a six-step quote estimator and a demonstration calendar for booking an on-site assessment.

Category
Commercial cleaning
Languages
EN · NL · FR
Built with
Astro, TypeScript, Tailwind CSS
Live site
clario.mahmoudanwari.com (opens in a new tab)
Screenshot of Clario Cleaning

The idea

A commercial cleaning website with a six-step quote estimator.

Clario Cleaning is an imagined cleaning company for offices, shops and hospitality spaces across Belgium — calm, precise and built around written standards.

Visitors explore four services, compare a room before and after with an interactive slider, build an illustrative estimate in six steps or pick a date for a site assessment. The quote and booking tools are demonstrations: they show the experience without sending anything.

What works in the demo

  • A six-step quote estimator that validates input and builds an illustrative estimate in the browser (simulated — no request is sent)
  • An assessment calendar with full keyboard navigation (simulated — no appointment is booked)
  • A keyboard-accessible before-and-after comparison slider
  • English, Dutch and French throughout
  • Fast, accessible pages with reduced-motion support — no trackers and no cookies

DemoWhat is simulated or fictional

  • The company, its team, its story and its service area
  • All prices are sample figures, not market quotations
  • Testimonials and statistics are clearly labelled sample content
  • The quote wizard, booking calendar and contact form are simulated: nothing is submitted, stored or emailed
Screenshot of Clario Cleaning — The quote estimator: service, business, area, frequency, timing and review.
The quote estimator: service, business, area, frequency, timing and review.
Screenshot of Clario Cleaning — Booking an on-site assessment: type, date and time, on a demonstration calendar.
Booking an on-site assessment: type, date and time, on a demonstration calendar.
Mobile screenshot of Clario Cleaning
On a phone

Try it yourself

The demo is live. Open it in a new tab, click around and test the booking flow — on desktop or on your phone.

Next case study

La Belle Belgique

Screenshot of La Belle Belgique

Want something like this for your business?

Free, 30 minutes, online. Tell me about your business — I will tell you honestly how I can help.

Which language would you like to chat in?

WhatsApp opens with a short message in that language. Nothing is sent until you press Send yourself.