About This Project
I designed and built a premium one-page website for Summit Shield Roofing, a Houston-based roofing contractor with 12+ years of experience and 247 Google reviews. The site is built to convert visitors into leads with a deep navy and warm gold "Houston Slate" palette — conveying trust, protection, and premium craftsmanship. Designed to stand apart from typical contractor websites and pitched via Instagram DM.
Visit Live WebsiteWhat I Built
Key Highlights
Before & After Project Slider
Interactive slider showcasing real roof transformations — visitors can drag to compare before and after photos, giving instant visual proof of the quality of work.
Houston Slate Design Direction
Deep navy and warm gold palette conveying trust and premium craftsmanship. Custom shield branding with a self-drawing logo animation that reinforces the brand from the first load.
8 Services with Pricing
Eight roofing services laid out with clear pricing — from storm damage repair to full roof replacements. Customers see exactly what they're getting before picking up the phone.
Google Review Integration
Animated statistics and real Google review integration displaying the 4.8-star rating with 247+ reviews — building instant trust with homeowners browsing the site.
Click-to-Call & Sticky CTA
Click-to-call functionality for mobile users with a sticky call-to-action bar — ensuring homeowners can reach the business instantly from anywhere on the page.
Scroll Animations & Google Maps
Scroll-triggered section reveals and animated statistics throughout. Embedded Google Maps for easy directions — everything a visitor needs to go from browsing to booking.
Screenshots
See It In Action




Interested in working together?
I build fast, modern websites that help businesses grow. Let's talk about your project.
