New Roof Visualizer

Situation

Roofing customers make a visual, high-consideration purchase, but static swatches make it difficult to imagine how a material will look on their own home.

System built

The React application accepts a homeowner photo, offers multiple roofing-material and color options, and presents generated before-and-after imagery through a comparison interface. The repository uses React, Vite, Tailwind, Cloudflare Pages, and a Replicate image-generation workflow.

What it proves

The result is a customer-facing product concept that connects visual decision support, lead-generation context, responsive interaction, and deployable web technology.