Concept Redesign — Not a Real Client

Galaxy
Plumbing
Redesign

Case Study

Taking an existing live plumbing site and rebuilding it as a modern, conversion-focused Next.js website — faster, cleaner, and built to rank.

View Redesign View Original

After

The Challenge

Galaxy Plumbing Inc. has a real, live website — but a cluttered layout, buried trust signals, and a JavaScript-rendered DOM were costing them leads every day.

01Cluttered layout, no visual hierarchy
02Services listed as names only — no descriptions
03Trust signals buried below the fold
04Financing hidden as a plain nav link
05Mobile showing video game cover art as service thumbnails
06Too many animations — marquees, competing hover states, and video sequences firing all at once with no order or purpose
07JS-rendered DOM, poor SEO crawlability

The Strategy

The fix starts with what we found: an outdated visual hierarchy, trust signals buried below the fold, and a JavaScript-rendered DOM that search engines struggle to crawl. The approach was to rebuild around how plumbing customers actually decide who to call — lead with trust, make services easy to scan, and get out of the way of the phone number.

The redesign was built entirely in Next.js with Tailwind CSS and deployed on Vercel, structured so every page supports the same goal: turning a visitor into a call or a booking.

Project Type: Concept Redesign
Industry: Plumbing / Trades
Stack: Next.js, Tailwind, Vercel
Original Site: galaxyplumbinginc.ca
Redesign: galaxy-plumbing.vercel.app

The Solution

Same business, same services — rebuilt from the ground up around a conversion-focused design. Here's what changed:

01
Homepage Hero — Strong headline with CTAs and trust badges placed above the fold
02
Service Pages — All 17 services get one-line descriptions and a Learn More link
03
Financing — Given a full dedicated section with its own call-to-action
04
Trust Stats — 20+ years, 5,000+ jobs, 24/7 availability, and a 5.0★ rating for instant credibility
05
Review Cards — Clean, scannable layout instead of a wall of text
06
Purposeful Animation — A ticker, scroll reveals, and subtle hovers — nothing fires without a reason
07
Technical SEO — Server-side rendering via Next.js for fast loads and full crawlability

The Results

This is a concept, not a live campaign — there's no real traffic behind it to measure. What follows is what the rebuild is actually built to deliver, based on real technical and design decisions, not invented numbers.

Website Performance

Search Visibility — Server-side rendering via Next.js means every page is fully crawlable — built to perform on Google instead of hiding content behind a JavaScript-rendered DOM.

Stronger First Impression — Trust badges and a stats block sit above the fold, so credibility is visible in the first few seconds instead of buried in a busy layout.

Faster, Cleaner Experience — Animation is used with restraint — a ticker, scroll reveals, subtle hovers — instead of every effect firing at once with no order.

Clearer Calls-to-Action — Financing has its own section, every service links to a Learn More page, and the path to booking is obvious instead of buried in a plain nav item.