AJ Cleaning London

A 39-page responsive marketing website built from a complete Figma redesign, featuring a shared design system, mega navigation, service and location pages, and an interactive Matter.js-powered CTA.

Visit live site

Stack

Highlights

Year

Live project

aj-cleaning-london.vercel.app/

Open live site

Details

Visit live

Project: AJ Cleaning London
Year: 2026
Role: Frontend design implementation from Figma
Category: Marketing Website
Stack: HTML · CSS · JavaScript · Matter.js · Figma · Responsive · 39 Pages · Static Site
Website: aj-cleaning-london.vercel.app/

Case study

The Journey

From problem to shipped outcome — scroll the chapters.

Overview

AJ Cleaning London offers specialist steam cleaning for sofas, carpets, mattresses, rugs, curtains and more across Greater London. The website was redesigned end-to-end to match an approved Figma system: cream and teal brand palette, custom display typography, shared header/footer, service pages, area pages, pricing, landlords, FAQ, contact, and legal pages.

Scope: 39 pages, fully responsive, design-system driven — static HTML/CSS/JS with no React or bundler, shared header/footer partials, and custom motion including Matter.js physics on the homepage CTA.

The Challenge

The brand needed a large multi-page marketing site that stayed pixel-true to an approved Figma system across services, areas, pricing, and landlord flows — with custom interaction that never broke page scroll.

Key Highlights

Figma-faithful redesign — layout, typography, spacing, and imagery matched to design frames
Services and Areas mega-menus with hover panels that stay open while moving to links
Core service pages plus regional and borough-level area coverage across London
Landlords & letting agents enquiry flow, pricing, FAQ, about, contact, and legal pages
Matter.js CTA physics — falling, draggable service badges with scroll-safe pointer handling
Sticky rising CTAs and icon motion reused across redesigned pages

The Approach

Implemented a static multi-page architecture with shared redesign partials, CSS design tokens, and page-specific stylesheets. Built mega-menus, service/area patterns, and a Matter.js physics CTA with sticky/scroll motion that keeps wheel and pointer events safe.

The Outcome

A production-ready 39-page cream/teal marketing site — cohesive across devices, SEO-oriented in structure, and distinctive for its interactive homepage CTA without sacrificing responsiveness or scroll UX.

Gallery

Scroll through the frames — pinned horizontal scrub.

AJ Cleaning London portfolio banner — Cream & teal brand banner with device mockups

More work

The Peptide Journey

/01

A production-oriented e-commerce platform featuring guest checkout, inventory reservation, authentication, payment integration, and a custom storefront experience.

Case study →

MK Heating

/02

A conversion-focused heating and plumbing website for an East London business, featuring local SEO pages, service information, booking CTAs, Google reviews, and a responsive branded interface.

Case study →

Let's talk

Building something similar?

Need front-end implementation, MERN-style delivery, or a focused product slice — reach out from contact.

Go to contact