Independent concept
Ridgeline Roofing
Roofing contractor
A roofing site with two clear paths: urgent leak help by phone, or a calm replacement estimate.
Open the demo (opens in a new tab)
What I built
- Emergency phone path and estimate path side by side on the first screen.
- A four-step estimate request with progress.
- A shingle color picker that recolors the house roof.
Signature detail
Step-by-step estimate request and live roof color preview.
Built with
Next.js and React, Tailwind CSS, Motion for animation, self-hosted fonts and strict security headers. Mobile-first and keyboard accessible.
Ridgeline Roofing is a fictional business. I designed it to show what this kind of site can do; nothing on the demo is sent, booked or sold.