Case Study · Web Design & UI/UX
AirCon Website
Comfort and trust, designed end to end — a live Framer website for a London air-con service, built on top of the AirCon brand identity.
My role
Tools
I built the full website for a London-based air conditioning service covering refurbishments, homeowners, and everyday customers. The direction was minimal and premium — showcasing comfort and trust without going over the top.
Everything on the page traces back to the brand: a generative-AI hero video for realism, a set of image-based service cards, dynamic accordions that keep the detail clean, and a motion and parallax footer that closes the experience.
Scroll the live site below, then look at how the pieces come together.
01 · Live Site
The real thing
The finished site, in the wild. Scroll it like a visitor would — full page.
02 · Built on the Brand
Every pixel traces back to the brand
Before the site, the AirCon brand identity was built — logo, colour, typography and a component system that carries through every element on the page.
Before the site, AirCon got its complete brand identity — logo, colour, typography and a design system that carries through every element on the page.
The site is that system in motion: every section, card and interaction traces back to the identity.
03 · Hero Video
Generative-AI video for realism
The hero uses a generative-AI video workflow to add realism and life you don’t get from a static image — setting the tone the moment the page loads.
04 · Service Cards
Four services, one visual language
Image-based cards present each service, with custom icons and an image treatment — gradient at the bottom, transparent at the top.
05 · Dynamic Accordions
Detail without the clutter
Dynamic accordions let visitors explore each service in depth, revealing more information on demand while keeping the layout clean and minimal.
06 · Motion & Parallax Footer
A hidden footer worth scrolling for
Motion and parallax add dynamism across the site, closing with a hidden parallax footer and smooth scrolling that make the whole experience feel considered and premium.
