RoofingBox

RoofingBox is a demo build for a roofing and exterior protection company serving Austin, Texas homeowners and property managers. The whole page is structured around one goal — a free estimate request — with trust signals placed at every scroll depth.

Key features

• Two-row header with service area, hours and phone, plus a sticky nav with a Free Estimate call to action
• Full-screen hero with click-to-call and an inline estimate form
• Services grid: installation, replacement, repair, inspection, storm and insurance claims, commercial roofing
• Sticky stacking-card “Why RoofingBox” section with a scroll-driven transition
• Interactive cost calculator with roof size, material, pitch, storeys and tear-off options, instant price range and cost breakdown
• Four-step process timeline, review carousel, 24/7 emergency banner and contact section

The challenge

Turn a local-service visitor into a free-inspection booking as quickly as possible, on a page that still explains services, process and credibility.

What we built

WordPress with a Hello Elementor child theme carrying custom CSS, the calculator logic and scroll-driven section transitions. The roofing cost calculator and the scroll-stacking card animation were designed and coded from scratch. Lead forms with service selection, responsive QA and performance work (external CSS, font-display swap, SVG icons, optimised hero imagery).