Skip to main content
Case studyWeb Development

A 100/100 Lighthouse Website for a Local HVAC Brand Built to Convert Service Calls

We launched a fast, accessible, search-ready Next.js website for Reinhart Heating + Cooling in 8 weeks.

Reinhart Heating + Cooling website showcase
Reinhart Heating + Cooling website: tablet layout
Reinhart Heating + Cooling website: mobile layout
59
Pages Live
99/100
Lighthouse Performance (desktop, Sept. 7, 2026)

Reinhart Heating + Cooling needed a brand-new digital presence that could clearly present heating, cooling, indoor air quality, construction, and contact pathways for local service customers. We designed and built a 59-page HVAC website with a conversion-focused structure, service-led content architecture, and desktop Lighthouse scores of 99/100 for Performance and 100/100 for SEO, Accessibility, and Best Practices (homepage, median of 3 runs, September 7, 2026).

View live site
Services
  • Custom Website Design
  • Next.js Development
  • Local SEO Architecture
  • Service Page Strategy
  • Conversion-Focused UX
  • Performance Optimization
Orange fire glowing between cracked black forge coals, the heat stage of this case study, where the project's problems were brought into focus
  1. 01Heat
  2. 02Shape
  3. 03Temper
  4. 04Finish

01HeatAct 1 of 4

Where the heat was.

We gave Reinhart Heating + Cooling a search-ready service website that turned heating and cooling needs into clear requests for help.

Reinhart Heating + Cooling needed a professional digital presence that explained its HVAC services, earned trust, and gave local customers a clear way to request help.

The problem

Four things stood in the way.

What the work had to clear, and how each one was cleared.

  1. Challenge 1: Creating a Digital Presence From Scratch

    Reinhart Heating + Cooling needed a professional website that could introduce the business, explain its HVAC services, and give local customers a clear path to request help.

    How we cleared it

    We built a brand-new website around the most important customer actions: understanding services, finding relevant information quickly, and contacting the team.

    ResultThe finished site gave the company a polished, credible digital home with 59 purpose-built pages.

  2. Challenge 2: Turning HVAC Services Into a Search-Friendly Structure

    Heating and cooling customers often search for specific needs such as repairs, installations, maintenance, indoor air quality, and new construction support.

    How we cleared it

    We created a service-led information architecture that organized core HVAC offerings into clear, crawlable pages with direct navigation paths.

    ResultThe site launched with a stronger foundation for local SEO and service-specific discovery.

  3. Challenge 3: Designing for Urgent, High-Intent Visitors

    HVAC buyers are often dealing with immediate comfort issues and need to know quickly whether a contractor can help.

    How we cleared it

    We prioritized simple navigation, direct contact paths, service clarity, and high-contrast visual hierarchy to reduce friction for visitors ready to act.

    ResultThe new experience made it easier for homeowners and project stakeholders to move from service need to inquiry.

  4. Challenge 4: Balancing Brand Personality With Performance

    The website needed to feel distinctive and trustworthy without becoming slow, heavy, or difficult to use on mobile devices.

    How we cleared it

    We used a modern Next.js build, streamlined component structure, optimized page layouts, and a bold brand accent color to create a fast but memorable experience.

    ResultIn desktop Lighthouse (homepage, median of 3 runs, September 7, 2026), the live site scored 99/100 for Performance and 100/100 for SEO, Accessibility, and Best Practices.

Bright molten metal flowing between dark, cracked crusts, the shape stage of this case study, where the build took its form
  1. 01Heat
  2. 02Shape
  3. 03Temper
  4. 04Finish

02ShapeAct 2 of 4

Taking shape.

We planned a service-led site structure, conversion-focused design system, and optimized Next.js build around local discovery, urgent repair needs, and planned HVAC research.

Build history

Project timeline.

How the work unfolded, with the decisions, releases, and deliverables recorded along the way.

  1. 01Milestone

    Discovery and HVAC Positioning

    We clarified the business goals for a new HVAC website: establish trust, explain services, support local search, and create clear conversion paths for customers needing heating and cooling support.

    Clearschallenge 01: Creating a Digital Presence From Scratchchallenge 02: Turning HVAC Services Into a Search-Friendly Structurechallenge 03: Designing for Urgent, High-Intent Visitors

    Handed over

    • Client goal mapping
    • HVAC service positioning
    • Primary conversion path definition
    • Website content requirements
  2. 02Milestone

    Site Architecture and Service Mapping

    We planned a 59-page structure that gave each major service and supporting topic a dedicated place, making the site easier for both customers and search engines to understand.

    Clearschallenge 02: Turning HVAC Services Into a Search-Friendly Structure

    Handed over

    • 59-page site architecture
    • Service page framework
    • Navigation model
    • Contact and inquiry path planning
  3. 03Milestone

    Conversion-Focused Design System

    We designed a practical visual system for an HVAC business: bold contrast, clear service sections, strong call-to-action placement, and layouts that work for both urgent repair needs and planned installation research.

    Clearschallenge 03: Designing for Urgent, High-Intent Visitors

    Handed over

    • Homepage design direction
    • Service page layout system
    • CTA hierarchy
    • Responsive design patterns
  4. 04Milestone

    Next.js Development and Optimization

    We built the site as a modern Next.js application with React components, optimized page delivery, semantic structure, and clean technical implementation.

    Clearschallenge 02: Turning HVAC Services Into a Search-Friendly Structurechallenge 04: Balancing Brand Personality With Performance

    Handed over

    • Next.js production build
    • React component library
    • Responsive page templates
    • Technical SEO implementation
  5. 05Milestone

    Launch QA and Performance Validation

    Before launch, we validated the site against performance, accessibility, SEO, and best-practice benchmarks to ensure the finished product was ready for real customers.

    Clearschallenge 02: Turning HVAC Services Into a Search-Friendly Structurechallenge 04: Balancing Brand Personality With Performance

    Handed over

    • Launch QA
    • Responsive testing
    • Lighthouse validation
    • Post-launch readiness review

The structure

How the site is laid out.

59 pages structured across 7 content categories.

/59 pages
59Pages
7Categories

The materials

Seven tools in the build.

What the finished site runs on, and what each piece is there to do.

  • N
    Next.jsFramework

    We used Next.js to create a fast, scalable website foundation with strong performance and SEO capabilities.

  • R
    ReactFrontend

    We used React to build reusable interface components for service pages, calls to action, navigation, and content sections.

  • J
    JavaScriptLanguage

    We used modern JavaScript to power interactive, maintainable frontend functionality.

  • H
    HTML5Markup

    We used semantic HTML structure to improve readability, accessibility, and search engine understanding.

  • C
    CSSStyling

    We used responsive styling to create a polished HVAC brand experience across desktop, tablet, and mobile screens.

  • L
    LighthouseQuality Assurance

    We validated the finished website against Lighthouse benchmarks for performance, SEO, accessibility, and best practices.

  • M
    Managed Deployment PipelineDeployment

    We used a managed production deployment workflow to support a reliable launch without tying the case study to an unverified hosting provider.

Hammered steel shading from warm gold through violet to blue, the temper stage of this case study, where the finished build was tested
  1. 01Heat
  2. 02Shape
  3. 03Temper
  4. 04Finish

03TemperAct 3 of 4

Made to hold up.

We validated the finished homepage with desktop Lighthouse audits for performance, SEO, accessibility, and best practices.

The checks

Measured on the finished build.

Desktop Lighthouse, measured September 7, 2026.

99
Performance
100
SEO
100
Accessibility
100
Best Practices
A smooth steel ridge reflecting cool light, the finish stage of this case study, where the work went into service
  1. 01Heat
  2. 02Shape
  3. 03Temper
  4. 04Finish

04FinishAct 4 of 4

Put to work.

We launched a fast, accessible website that gave Reinhart Heating + Cooling clear service, discovery, and inquiry paths for local customers.

The outcome

What the finished work is doing.

The outcomes the project produced, with the source of each number beside it.

Pages Live Across the HVAC Site
59 pages
The live sitemap lists 59 pages as of October 12, 2026, built to support the company’s service categories, customer education, local discovery, and inquiry paths.

Answerschallenge 01: Creating a Digital Presence From Scratchchallenge 02: Turning HVAC Services Into a Search-Friendly Structure

Measured
Eight-Week Launch Timeline
8 weeks
We completed the brand-new website build from planning through launch within the defined project timeline.
Measured

The handover

Five things we delivered.

The work that went into the finished build, and what each part of it covered.

  • 01

    Custom HVAC Website Design

    We designed a professional website experience tailored to an HVAC contractor, focusing on trust, clarity, and fast access to service information.

    • Service-first homepage structure
    • Clear calls to action
    • Mobile-responsive layouts
    • Brand-aligned visual direction
  • 02

    Next.js Website Development

    We built the site as a modern Next.js application to deliver speed, scalability, and a flexible foundation for future growth.

    • Next.js application architecture
    • React component development
    • Reusable page sections
    • Optimized production build
  • 03

    Local SEO Architecture

    We structured the site to support local HVAC discovery with crawlable pages, logical navigation, and service-specific content paths.

    • SEO-friendly page hierarchy
    • Service page organization
    • Metadata planning
    • Search-readable page structure
  • 04

    Conversion UX

    We shaped the user experience around the decisions HVAC customers make when they need repairs, installations, maintenance, or project support.

    • Prominent contact paths
    • Simplified navigation
    • Service-specific user journeys
    • Inquiry-focused page layouts
  • 05

    Performance and Launch QA

    We optimized and validated the completed website before launch to ensure it met premium technical standards.

    • Lighthouse performance testing
    • Accessibility checks
    • Responsive QA
    • SEO and best-practices validation

The record

The project, on one sheet.

The facts of the engagement, for the record.

Industry
HVAC Services
Delivered in
8 weeks
Launched
June 8, 2026
Start here

Need a High-Performance Website for Your HVAC or Home Services Business?

We built Reinhart Heating + Cooling a fast, search-ready website with 100/100 desktop Lighthouse scores for SEO, Accessibility, and Best Practices (September 7, 2026) and a clear path from service need to customer inquiry. If your home services brand needs the same level of clarity and performance, we can help.