Home services · Riyadh · Arabic RTL · Self-initiated concept

Foam Clean

A Riyadh cleaning company with something most competitors hide: a published price list. Their site buried it on one page behind stock photos. I rebuilt it around those prices, with a live estimator that turns a few taps into a ready WhatsApp booking.

Role
Design + frontend build
Category
Home services · Saudi Arabia
Platform
Static HTML · Vanilla JS · Arabic RTL
Overview

رغوة فوم كلين.. سر اللمعة.

Foam Clean cleans apartments, villas, shops and glass façades in Riyadh. Their crew wears blue polos printed with the slogan, and they drive a branded van. It's a real operation.

The website didn't show any of that. Most images were stock or AI, trust content didn't hold up, and the one thing that set them apart, a clear price for every service, sat on a single page most visitors never reached.

I built the version that leads with their prices and their own crew. It's self-initiated, using only their public prices, services and photos.

Why this one

Their prices are the pitch

In home services the first question is always “how much?”. Most Riyadh cleaning sites answer with “contact us”. Foam Clean already had real numbers, so the site should start there.

01

Price before the call

Pick two sofas, a carpet and four AC units and the total builds itself from their own price list, before anyone talks to sales.

02

A booking, not a lead

The estimator ends in a pre-filled WhatsApp message with items, quantities, an estimate, a day, a time and the district. The team can reply with a confirmation instead of ten questions.

03

Only what's theirs

Claims that couldn't be verified were left out. The gallery is their own crew and van; AI images are tagged as illustrations.

How it was built

Fresh, bright and bubbly

Ice white with the cobalt of their uniforms, a lime accent on dark panels, a morphing blob hero, floating bubbles and a scalloped footer. Nothing like the kitchen concepts.

01

A new kit, not a token swap

Floating pill header, bento service cards, a receipt ticket with punched edges, bubble step numbers. Built from scratch for a services business.

02

Mobile first, for real

On a phone the receipt sits below the list, so a sticky lime bar shows the running total while you tap. Every page was checked at 390px.

03

Light and honest

Static pages, lazy images, no framework. Reduced-motion users get no animation. Every AI image carries a visible label.

Foam Clean redesign, full-length home page
Foam Clean: bright services redesign with a live price estimator and WhatsApp booking
Where it goes next

The estimator is front-end only and ready to connect.

Next would be a Google Business profile with a review campaign, a booking calendar with real slots, and before-and-after content from their own jobs.

Start a project

Tell me what you are building.

Send the idea, the goal, and where you are stuck — I will come back with the clearest path from concept to a store or site that earns its keep.