Case Study · Gutters · St. Helens, OR

American Gutter Service

Navy + copper flagship for a 20+ year CCB-licensed gutter company.

Hand-coded site for a 20+ year Columbia County gutter pro (CCB #110122). Real customer photos and real Google review names.

Open full mockup → Read on ↓
Industry
Gutters
Location
St. Helens, OR
Status
Live mockup
Launched
2026
webbflowmarketing.com/mockups/american-gutter-service-v1/
American Gutter Service — homepage

↕ scroll inside the frame

What makes it tick

The work, in pieces.

The details we actually spent time on — the parts a templated theme would never give you.

01

Rain-canvas hero

A live HTML canvas of rain falling behind the headline — sets the tone without resorting to stock photography.

02

5-point gutter anatomy SVG

Interactive cross-section showing why a real seamless install is different from a stitched-together box-store job.

03

On-site fabrication scene

Inline SVG illustration of the truck-mounted machine making seamless runs in your driveway.

04

Storm-risk scorecard

A short Q&A that scores your roof's runoff risk and tells you whether you need new gutters this season.

How it was built

The same craft choices on every Webb Flow build.

Front end

Static HTML, hand-written CSS with custom properties, vanilla JS modules. No framework, no bundler, no build step.

Performance

Single-bundle build, lazy-loaded images, no third-party theme weight. Fast on Cloudflare's global edge.

SEO & AI Search

JSON-LD schema graph, OG and Twitter cards, llms.txt-friendly markup so AI engines can cite the work cleanly.

Accessibility

Keyboard paths on every interactive, prefers-reduced-motion respected, semantic landmarks, real alt text.

Forms / leads

Web3Forms-wired contact and quote flows — no backend to maintain, real email delivery from day one.

Hosting

Cloudflare Pages, deployed from a clean staging directory. Free TLS, edge CDN, instant global rollouts.

Want yours next?

Start a project and we'll show you what your site could look like.

A short conversation, no pressure. Tell us what your business does and we'll come back with a real direction.

Book a strategy call →