Charles
Client work

Insulation & Home local business

A six-page rebuild for a Georgia insulation contractor, built around an animated sealed-envelope airflow motif.

Status
Local buildawaiting the client's go
When
Jul 2026
Category
Client work
Links
Request a walkthrough

The client seals and insulates homes around Woodstock, Georgia. The rebuild is conversion-first: one hero idea, a house in cross-section that seals itself as four arrows close, then service pages with a plain process rail, city pages, and reviews.

The style lock, The Sealed Envelope, comes from the client's own logo. Green is reserved for energy and action only.

The home hero. A house in cross-section, four arrows sealing it.
The home hero. A house in cross-section, four arrows sealing it.
The drag-to-insulate widget at zero. 89 degrees inside, sweltering.
The drag-to-insulate widget at zero. 89 degrees inside, sweltering.
Dragged to full. 72 degrees inside, the AC barely working.
Dragged to full. 72 degrees inside, the AC barely working.
The services page.
The services page.
The closing call to action after the crew section.
The closing call to action after the crew section.

Stack

  • Vanilla HTML, CSS, and JavaScript
  • GSAP
  • Netlify Forms and hosting target
  • A vector illustration pipeline for the house diagrams

Decisions

  1. The motif is the pitch. The animated cross-section explains what the company does before a word is read.
  2. Hand-drawn SVG illustration was rejected as amateur and replaced with a vector pipeline plus the real logo. Freehand illustration is banned in this project.
  3. Open client questions were ruled copy-only confirmations, not build blockers, so the preview could finish.

Lesson

  1. Timeline motion freezes under headless virtual time. Motion was verified with deterministic seek frames and a recorded clip, not with screenshots taken under virtual time.