Back to Projects

Elevate HRG — Contractor Website

Web DevelopmentLive at elevatehrg.com

A conversion-focused marketing site for a veteran-owned exterior renovation contractor in Wallington, NJ — roofing, windows, siding, gutters, entry doors, and attic insulation. Built to win local search and turn visitors into booked consultations.

Visit Live Site

Project Overview

Challenge

Home-services contractors mostly compete on templated, look-alike sites that rank poorly and bury the phone number. Elevate HRG needed a site that reflected a 25+ year, certified operation and competed for local search across a wide northern/central New Jersey service area — without looking like every other roofer.

Solution

A custom Next.js build with a matrixed local-SEO page system (county and city pages with genuinely unique copy), full structured data, choreographed motion, and a short, friction-free lead-capture flow. Click-to-call stays visible in the header and a sticky mobile bar so the next step is always one tap away.

Approach

Trust signals are real and front-and-center — GAF and ProVia certifications, BBB accreditation, license number, and first-party reviews — wired into JSON-LD so they are eligible for rich results. Performance and accessibility are enforced in CI rather than left to chance.

What It Does

Matrixed Local SEO

Top-level service-areas hub with county and city pages, each carrying mostly unique copy targeted to that location — built to rank across a multi-county service area.

County + city page system

Structured Data

LocalBusiness, RoofingContractor, and Review JSON-LD so search engines understand the business, services, and first-party reviews.

Rich-result ready schema

Choreographed UX

Parallax, pinned-scrub hero, a sticky service card stack, and before/after sliders — deliberate motion that sets the brand apart from template builds.

Motion + GSAP + Lenis

Lead Capture

A short default form (name, phone, service, ZIP) with a multi-step quote flow, server-side validation, and transactional email delivery.

Validated, low-friction intake

Trust Signals

GAF certified, ProVia authorized, BBB accredited, licensed, veteran-owned, and a 5.0 review rating — surfaced where they drive conversions.

Real, verifiable credentials

Performance Budget

Core Web Vitals and accessibility tracked with Lighthouse CI so speed and a11y stay in spec as the site grows.

Lighthouse CI in pipeline

Technical Stack

Next.jsReactTypeScriptTailwind CSSMotionGSAPLenisJSON-LD SchemaLighthouse CI
Visit Live SiteStart a project