7 · Wireframes
Wireframe library
All 16 page layouts, drawn section by section.
One wireframe per page layout. Shared layouts are drawn once, and the pages that use them are listed beneath each title. Every page in the page list is covered here.
Home
The single most important page. Every section earns its place by moving a visitor toward the quote form or the phone.
Service Page
One page per service. Seven pages share this layout: Roof Replacement, Roof Repair, Roof Inspection, Storm Damage & Insurance Claims, Gutter Insta…
Service Area Page
Ten pages share this layout. We recommend localizing each service area page through reviews, imagery, and community detail rather than duplicating eac…
Our Work
One page holding every project image, with before/after pairs shown in the drag-to-compare slider. Every service page also carries its own before/afte…
About
Carries the authority signals: who owns the business, how long it has operated, its licenses, and why it is not a lead broker.
Contact
The form page. Short by design: the job is to remove friction, not to rank.
Thank You
Noindexed. Its job is to confirm the lead, set expectations, fire the conversion event, and optionally offer self-booking.
Roofing Services (hub)
A hub that links every service page. Hubs concentrate internal link equity and give the site a clean two-level service structure.
Service Areas (hub)
Links all ten city pages and carries the coverage map.
Reviews
Consolidates social proof and gives the review markup a natural home. Reviews must be genuine and displayed with permission.
Financing
The financing offer, published only once the lender, the terms and the required disclaimer are confirmed.
FAQ
The highest long-tail return on the site. Every answer is a chance to rank for a question a customer actually types.
Blog (index)
The entry point for the content program. Local cost guides and storm-season posts are the highest-return topics for a Florida roofer.
Blog Post
The long-form format. Depth beats length: a 1,500-word post that fully answers a question outperforms a padded 2,500-word one.
Legal Pages
Four pages share this layout.
404 Not Found
Turns a dead end into a route back: search, top services, and the phone number.
Every layout, and what uses it
| # | Wireframe | Example URL | Words | Pages using it |
|---|---|---|---|---|
| 01 | Home | / | 1,200–1,500 | Home |
| 02 | Service Page | /roof-replacement/ etc. | 1,200–2,400 | Roof Replacement Roof Repair Roof Inspection Storm Damage & Insurance Claims Gutter Installation Commercial & Multi-Family Emergency Roofing |
| 03 | Service Area Page | /roofing-longwood-fl/ etc. | 900–1,200 | Roofing in Lake Mary, FL Roofing in Longwood, FL Roofing in Orlando, FL Roofing in Winter Park, FL Roofing in Winter Springs, FL Roofing in Apopka, FL Roofing in Altamonte Springs, FL Roofing in Oviedo, FL Roofing in Casselberry, FL Roofing in Sanford, FL |
| 04 | Our Work | /gallery/ | 400–600 | Our Work (Gallery) |
| 05 | About | /about/ | 600–800 | About |
| 06 | Contact | /contact/ | 300–500 | Contact |
| 07 | Thank You | /thank-you/ | 150–250 | Thank You |
| 08 | Roofing Services (hub) | /services/ | 800–1,000 | Roofing Services (hub) |
| 09 | Service Areas (hub) | /service-areas/ | 600–800 | Service Areas (hub) |
| 10 | Reviews | /reviews/ | 500–700 | Reviews |
| 11 | Financing | /financing/ | 600–800 | Financing |
| 12 | FAQ | /faq/ | 1,200–1,800 | FAQ |
| 13 | Blog (index) | /blog/ | 300–400 | Blog (index) |
| 14 | Blog Post | /blog/{post-slug}/ | 1,400–1,800 | Blog post (template) |
| 15 | Legal Pages | /privacy/ · /terms/ · /accessibility/ · /cookies/ | 800–1,500 | Privacy Policy Terms of Service Accessibility Statement Cookie Policy |
| 16 | 404 Not Found | None (system) | 100–150 | 404 Not Found |