KT/Studio
Bookings openStart a project

Case study 02 · Plumbing & HVAC · Tulsa, OK · fictional business

Ridgeline Plumbing & Heating

Follow the water: a plumber's site where you scroll through the house.

Scope
Brand, design, build
Size
20 pages
Built to
Signature · from $8,999
Stack
Astro · Three.js · GSAP · Lenis
Type
Redaction · Host Grotesk · Chivo Mono
Visit the live site ↗Start yours
Ridgeline home page: a 3D house on a Tulsa street at golden hour, with the headline Tulsa's plumbers who show up on time.

The brief

A fictional, family-owned plumbing and heating company in Tulsa. The site has to turn a panicked search at 2 am into a booked call.

The idea

Water moves through a house along lines you never see. The site shows you those lines, then shows you the person who fixes them.

The idea comes before a single pixel. It decides the type, the colour, the motion, and what the 404 page does.

What it does

  1. The house, opened up

    A 3D house you scroll through, tuned to a steady 60 fps on an ordinary laptop with integrated graphics.

  2. Leaking now?

    An emergency panel one tap away on every page, with the shut-off steps and the phone number.

  3. Flat-rate prices up front

    Real prices on the page and a quote calculator, so nobody has to call just to ask.

  4. A dispatch map

    Every town at its real place, with honest arrival times.

  5. The flood 404

    A page that floods until you shut the valve.

Marked up

The 3D house sliced open from above, showing the rooms and pipe runs inside.
The roof lifts and the house opens. You follow the water from the street to the tap.
A night dispatch map of Tulsa with towns, highways and arrival times.
Towns at real coordinates, true proportions, arrival times for each.
An exploded isometric line drawing of a water heater with ten numbered parts.
Every service gets its own exploded drawing, built in code at build time.
The 404 page: a burst pipe and a red valve wheel you drag to shut.
The 404 is a leak. Shut the valve before the water rises.
Ridgeline home page on a phone.

On a phone, where most visitors are

The details that matter.

  • Town pages each with a different right-hand piece, never a template.
  • Accessibility score 100, every page keyboard-friendly.
  • Copy that says what it costs before it says anything else.

Concept site for a fictional business. No real company, photos or reviews were used.

Next case study
SLABNext