The challenge On Top Roofing &

The challenge On Top Roofing & Construction a Louisville roofing contractor needed a website that could actually sell. The ask was for something high-energy and engaging (even a mascot) to stand out in a competitive trades market, while still reading as trustworthy and professional. It also had to hit specific functional requirements: a lead-capture form up top, an instant roof-cost estimator, galleries, reviews, an interactive service-area map, and a navigation structure matching their exact sitemap all with no real design system or brand assets beyond a logo.

The solution A complete 7-page marketing site built on a custom brand system pulled straight from their logo (charcoal + orange → red roofline, clean Montserrat type) with a friendly roofer mascot, "Rocky," for personality without sacrificing credibility.

Key pieces:

Home lead-capture CTA form, "What Will My Roof Cost?" instant estimator, services grid, gallery + auto-playing review carousels, and an interactive location map. Plus 3 switchable hero directions and a live tweak panel to compare looks.

Services, Asphalt Shingle, Areas Served, Jefferson County full service detail, FAQ accordions, and local-SEO landing pages.

Blog & Contact article hub and a full contact page with form, hours, and office map.

Nav mirrors their sitemap exactly, real business info and photos are wired throughout, and every image is drag-and-drop swappable.

The outcome: a fun-but-professional, conversion-focused site that turns visitors into booked inspections.