Construction and remodeling · New Jersey

Turning a broad construction offer into a site people can navigate

Puzzle Construction covers everything from interior renovations to kitchens, bathrooms, flooring, painting, maintenance, and handyman work. I built the website from scratch so that range feels useful rather than overwhelming.

Open the live website
Puzzle Construction website with a large residential interior project image
The live website may continue to change after handoff.
Business
Construction + home renovation
My role
Strategy through development
Live flow
Services, projects and quote requests

Project responsibility

I built the structure, words, design, responsive system, and working contact paths

The site started from zero. I decided how the services connect, wrote the website copy, designed every page and state, developed the responsive frontend, and configured the forms and integrations.

Created by me

  • Service architecture across multiple renovation categories
  • Website copy and page-by-page hierarchy
  • Art direction, layouts, and UI details
  • Responsive design for service and portfolio pages
  • Frontend development
  • Estimate, callback, and contact flows
  • Integration setup and cross-device QA

Provided by the client

The client brought the real company identity and project materials. I decided how those assets should work inside the site.

  • Logo
  • Project photography
  • Integration materials and account access

The messy part

Seven service categories cannot all shout at once

A construction company may do many kinds of work, but a homeowner usually arrives with one room or one problem in mind. The structure lets people enter through kitchens, bathrooms, flooring, painting, maintenance, handyman work, or broader renovation without losing the company story.

I treated the navigation as a map of customer intent, not a list copied from a brochure.

Completed work that is easy to evaluate

The portfolio is part of the sales path, not decoration

Construction is visual, but a gallery only helps when visitors can connect the images to the kind of project they are considering. I built project discovery into the service flow and kept the route back to a quote request close.

  • Service-specific project context
  • Clear routes between service pages and portfolio
  • Estimate actions placed after relevant proof

Visual direction

Premium without pretending the company is an architecture magazine

The large imagery and serif display type give the site confidence. The supporting typography, spacing, and controls stay direct because the business still needs phone calls and estimate requests, not a purely editorial experience.

That balance shaped the design: aspirational enough for major renovation work, practical enough for maintenance and handyman services.

Conversion

A quote request should feel like the next step, not paperwork

I connected service pages, portfolio proof, call actions, and forms so the visitor can act from the context that convinced them. The forms were designed and integrated as part of the experience rather than dropped into a generic contact page.

Responsive build

Long service content still needs a clean phone rhythm

On smaller screens, images, explanations, project proof, and quote actions collapse into a deliberate reading order. Touch targets and repeated contact routes remain easy to reach without turning every section into a button wall.

Functional outcome

A live company site that joins services, project proof, and estimate requests

Puzzle Construction now has one public system for explaining its range, showing completed work, answering practical questions, and collecting project inquiries.

Open the live website

A similar project

Need a website built around the way your customers actually choose?

Tell me what the business sells, what is getting in the way, and what a visitor should do next. I’ll come back with a clear direction for the project.

Discuss your project