Page Layouts

Every Raptor page has a clear job and a reusable structure.

The page system keeps the first screen useful, the middle of the page trustworthy, and the lower page deep enough for homeowners who want to compare, learn, and choose with confidence.

Page rhythm

Answer first, prove it next, teach deeper at the bottom.

The structure stays consistent while the story changes by page type. Homeowners get a direct answer and next step early, then proof, process, team presence, FAQs, and deeper learning lower on the page.

Answer First

What this page is about, who it is for, what Raptor checks, and how to get help.

  • Clear H1 and short practical intro
  • Book A Free Inspection and phone CTAs
  • Common signs, fit, or quick takeaway
  • Trust proof visible early

Learn More

Materials, process, comparisons, project proof, people, local context, and related pages.

  • Real images and project context
  • Team member video and team video modules
  • FAQ cluster with direct answers
  • Final next step matched to the page

Seven page families

Review the approved format for each page family.

Each layout below defines the recommended Raptor standard. The format can guide design decisions while keeping answer-first content, proof, team visibility, FAQs, and the next step consistent.

Live basis: homepage 12 modules

Home

The front door for Raptor: clear positioning, service coverage, team confidence, reviews, process, recent work, and inspection path.

  • Hero with service promise, inspection CTA, and phone CTA
  • Trust stats, emergency response, services, process, and recent work
  • Team member video square, team video, FAQ, and service areas
Live basis: contact flow 9 modules

Contact

Reduce friction fast: phone, inspection form, service selector, map, what happens next, team presence, and answers to common contact questions.

  • Phone and inspection path visible immediately
  • Form and map laid out cleanly for desktop and mobile
  • Square team member video plus team video and FAQ
Live basis: service pages 10 modules

Main Services

Use for roofing, commercial roofing, gutters, siding, windows, insulation, storm damage, and other broad service families.

  • Quick answer, common signs, and what Raptor checks
  • Service options, process, proof, people, FAQs, and service areas
  • Lower-page education without burying the next step
Live basis: Hardie guide 11 modules

Sub Services And Materials

Use for materials, product lines, focused comparisons, roof styles, siding systems, gutter guards, window types, and insulation details.

  • Fit guide and product visuals near the top
  • Comparison, installation, local conditions, process, and FAQ
  • Team member video square to keep the page human
Live basis: team page 9 modules

Team

Make the company feel human, organized, and accountable through leadership, role groups, culture, team video, and clear contact paths.

  • Team hero with real people and communication promise
  • Team video, leadership, role groups, and square team member videos
  • Culture proof, FAQs, and book-an-inspection close
Live basis: blog area 9 modules

Blog Posts

Give the takeaway before the article body, then support the answer with examples, guidance, related posts, people, and a topic-matched CTA.

  • Quick takeaway before the full article
  • Article sections broken into helpful modules
  • Square expert video, FAQ, related posts, and final CTA
Live basis: long-form guide 12 modules

Long-Form Anchor Pages

Use for deep guides that answer the main question up top, then educate through material sections, comparison tables, local context, FAQ, and related pages.

  • Short answer, table of contents, and question map early
  • Deep guide sections, product paths, comparison table, and project proof
  • Team member video, team video, FAQ, final summary, and lead form

What stays consistent

The structure can flex, but the page still has to pass the Raptor standard.

Every page still needs a direct answer, real proof, team visibility, helpful depth, an FAQ cluster, and a clear next step. Flexible creative choices should strengthen those parts, not remove the trust signals that help homeowners choose.

Ready

  • The homeowner's main question is answered early.
  • Raptor looks recognizable in the first viewport.
  • Team presence appears before the final CTA.
  • FAQs answer real objections without pressure.

Needs Work

  • The page has useful content but the order feels heavy.
  • The proof appears too late to support the CTA.
  • Team video is present but disconnected from the page topic.
  • The FAQ repeats the body copy instead of answering decisions.

Hold Before Publishing

  • The design could belong to any contractor.
  • The page hides the contact path on mobile.
  • Claims need proof before they can be reused.
  • The top of the page feels promotional before it feels helpful.