Corvane Roofing Co.
A bold, mobile-first site for a roofing contractor, built around one action: requesting a free inspection.
- Industry
- Roofing contractor
- Scope
- Homepage · Services · Service areas · Quote request · About
Desktop · scroll inside the frame
Mobile
The brief · fictional
A fictional, family-run roofing company in a storm-prone region. Most visitors arrive from a phone, often right after bad weather, and want one thing: someone to come look at the roof.
Who the site is for
Homeowners with a leak or storm damage, usually on a phone, often in a hurry.
Design decisions
- 1
The quote form lives in the hero
No hunting. The single most important action sits next to the headline, with only four fields.
- 2
High-contrast slate and safety orange
Reads as sturdy and trade-focused, and the orange is reserved for actions so buttons are found instantly.
- 3
Phone number one tap away
On mobile, a full-width call button sits right under the main action. Urgent visitors call; planners fill the form.
- 4
Service areas as a scannable list
Visitors confirm "do they come to me?" in seconds instead of guessing.
Key features
Built with
- Next.js
- Tailwind CSS
- Form → email + CRM
Inspection request
Four-field form in the hero, routed to email and CRM.
Storm-damage page
A dedicated path for the most urgent visitors.
Service area list
Every covered town, written out for visitors and search engines.
Tap-to-call
A full-width call button on phones.