Mobile Phone Screenshot
Mobile Phone Screenshot
Mobile Phone Screenshot
Mobile Phone Screenshot
Mobile Phone Screenshot
Mobile Phone Screenshot
Mobile Phone Screenshot

Tav Pools and Water Kingdom

A conversion focused website re-design for a trusted name in pool maintenance.

Market research Competitive analysis User survey Personas Heuristic annotation Flow diagrams Wire frames Hi-fidelity UI Usability tests Live website

What

Landing page redesign

Why

Improving conversion & clarity

When

April 2025 - May 2025

Role

Designer, researcher, developer

Image of Jacob

Design Intent

I've always loved the experience of a clean saltwater pool, but I've seen how complicated the maintenance side can be for homeowners. This redesign aims to simplify that journey.

Industry trends

Market research

The claim

Homeowners expect quick information, mobile-friendly layouts, and transparent service details. Trust signals like reviews and experience heavily influence who they choose.

The problem

Most pool service websites don't meet these expectations. Pricing is unclear, value isn't communicated well, and key info is buried in outdated or text-heavy layouts, leading to confusion and drop-off.

Market Research Graph

Industry benchmarking

Competitive analysis

A quick review of local competitors helped highlight industry patterns, uncover gaps, and identify opportunities for Tav Pools to stand out.

Screen shot of the website Swim Pristine

Swim Pristine

The good

Swim Pristine has a modern, polished design with strong branding and high-quality visuals. Their services are clearly presented, trust signals are used well, and contacting the business is straightforward.

The bad

They don't showcase product offerings, limiting opportunities for up selling. Some content feels generic, and CTA placement could be stronger and more action-driven.

The good

They excel at clearly listing their pool services and focusing on the local Durham market. Important contact info is easy to find, and customer testimonials add credibility.

The bad

The design feels dated and isn't optimized for mobile. Navigation and content depth are limited, CTAs lack visibility, and they don't offer any e-commerce options.

Screen shot of the website Crystal Clear Pools

Crystal Clear Pools

User feedback

User survey insights

A quick user survey helped highlight what worked, what caused friction, and where the redesign could better support real homeowner needs.

How easy was it to navigate the website?

(Rate 1-5, with 1 being very difficult and 5 being very easy)

1 - 24.7%

2 - 75.3%

Was the website visually appealing?

(Participants answered Yes or No)

Yes - 12.5%

No - 87.5%

Did the website encourage you to contact or book a service?

(Participants answered Yes or No)

Yes - 12.5%

No - 87.5%

Was the website easy to use on mobile?

(Participants answered Yes or No)

Yes - 0%

No - 100%

Were you able to easily find the contact information?

(Participants answered Yes or No)

Yes - 30%

No - 70%

Did the website load quickly?

(Participants answered Yes or No)

Yes - 20%

No - 80%

Insights from participants

Notable comments

Quote Icon

The design feels very outdated and overwhelming. There's a lot of text and information crammed onto every page, which makes it hard to focus or know where to look first.

Maggie Copland headshot

Survey participant

Anonymous pool owner

Quote Icon

It looks like a website from the early 2000s. The colors, fonts, and layout make the experience feel cluttered, and it’s tough to quickly understand what's important.

Conor headshot

Survey participant

Anonymous pool owner

Quote Icon

There's so much going on visually that I felt lost. It was difficult to find the main services or what the company actually does without scrolling through long blocks of text.

Maggie Copland headshot

Survey participant

Anonymous pool owner

Insight-Driven Design

User surveys reveal insights you can't see on your own. Gathering feedback early helped validate assumptions, uncover blind spots, and ground the redesign in real user needs.

Image of Jacob

Our users

User persona

A research-driven persona helped clarify user goals, frustrations, and expectations, guiding the direction of the redesign.

Daniel Reed

First-time pool owner

Goals

To easily understand what services are available

To keep his pool clean, safe, and low-maintenance all summer

To quickly compare pricing or get a clear estimate

To find a trustworthy, local company he can rely on

Frustrations

Information overload on old or outdated websites

Confusing service descriptions that don't explain what's included

Difficulty reaching someone or booking a service online

Inconsistent communication from contractors

About Daniel

Person icon

34

Server icon

IT Specialist

Map icon

Whitby, Ontario

Daniel is a 34-year-old homeowner living in Whitby. He recently bought a house with a pool and is still learning what proper pool care involves. Between work and family life, he doesn't have the time (or desire) to figure out maintenance on his own. He just wants reliable service and simple, clear information.

Daniel values clarity, trust, and convenience. If a company meets those expectations, he's likely to become a long-term loyal customer.

Expert review

Heuristic annotations

Reviewing the old website through UX heuristics made it clear where users were struggling and where the design needed to be more intuitive.

No defined hero structure. Missing a clear H1, supporting copy, or CTA. Users don't immediately understand the service offering or why Tav Pools is a trusted choice.

Multiple sections fail WCAG contrast standards. Low-contrast text and backgrounds make content difficult to read and harm overall accessibility.

The nav menu fails the heuristic of recognition over recall. With 8+ similar-looking links and no grouping, users must manually scan everything to locate the right page.

Sponsor logos are helpful but visually overpowering. They need consistent sizing and muted styling so they support, rather than distract from, the main goal of contacting Tav Pools.

The primary blue is overused across headings, text, and UI elements. When everything uses the same color, nothing stands out. This reduces visual hierarchy and makes CTAs harder to identify. The primary color should be reserved for actions and key interactive elements.

Social icons are too large and visually dominant. They should be consistent in size and color, and positioned in the footer to avoid distracting users or encouraging them to leave the site prematurely.

Screenshot of the old tav pools website

Understanding the Path

User flow

A simple user flow helped clarify how homeowners move through the site and where the design should guide them toward contacting Tav Pools.

Tav Pools User Flow

Early Structure

Low-fidelity wireframes

These wireframes focused on layout, hierarchy, and content flow, helping define the core structure before moving into visual design.

Wireframe Wireframe
Wireframe Wireframe

Page Structure Overview

Landing page blueprint

This blueprint highlights the essential building blocks of a strong landing page and how they work together to reduce friction and increase conversions.

Landing Page Blue Print

Final Direction

Visual and font definitions

Refined visuals, typography, and components were brought together to create a clear, modern, and trustworthy experience for homeowners.

Black 400

#030303

Black 300

#3D3D3D

White 100

#FFFFFF

White 150

#E2E2E2

White 200

#D7D7D7

White 300

#AEAEAE

Blue 100

#E8EDF3

Blue 150

#DCE3EB

Blue 200

#CBD3DC

Blue 400

#00267F

Blue 450

#0A2140

Blue 500

#06162C

H1 - Manrope semi-bold

H2 - Manrope semi-bold

H3 - Manrope semi-bold

H4 - Manrope semi-bold

H5 - Manrope Semi-Bold

H6 - Manrope Semi-Bold

Display text LG

Display text SM - Semi-Bold

Display text SM - Regular

Paragraph text SM - Horem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent.

Paragraph text MD - Horem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent.

Paragraph text LG - Horem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit

Full Experience

Hi-fidelity pages were created

These final screens capture the full redesign, bringing structure, clarity, and visual consistency to the website.

View live site
Hi Fi mock up design of Tav Pools Hi Fi mock up design of Tav Pools

Mobile First

Mobile designs

Mobile layouts were refined to maintain strong hierarchy and readability, ensuring users can contact Tav Pools with minimal friction.

Tav Pools Mobile hifi mock up
Tav Pools Mobile hifi mock up
Tav Pools Mobile hifi mock up
Tav Pools Mobile hifi mock up
Tav Pools Mobile hifi mock up
Tav Pools Mobile hifi mock up

Consistent Spacing

8 point grid system

Applying an 8-point grid helped establish predictable spacing and a balanced visual hierarchy throughout the design.

Home page annotated

Logical Groups using Hierarchy Strips

Component breakdown

Key components were broken down and annotated to highlight spacing, structure, and the system behind each design element.

UI Component annotated UI Component annotated
UI Component annotated UI Component annotated

Refining Through Feedback

Usability test insights

User testing revealed several areas of confusion on the homepage, leading to key refinements that improved clarity and usability.

Clarifying the hero heading

Users found the original H1, “Crystal clear pools, stress-free maintenance,” confusing. Several assumed “Crystal Clear Pools” might be the company's name. This signaled that the heading wasn't communicating the core value clearly enough.

The revised H1 “We handle the maintenance, you enjoy your pool” removes ambiguity and directly states the problem and solution, making the purpose of the site instantly clear.

Annotated mock up Tav Pools
Annotated mock up Tav Pools

Making partner logos more understandable

The muted grey logos placed beneath the social proof section left users unsure of what they represented. Were they sponsors? Certifications? Affiliations?

To solve this, a clear label “Proudly partnered with” was added. This simple heading improves context and prevents the logos from appearing random or out of place.

Reducing CTA repetition

Users noted that the repeated “Call us now” CTA felt overwhelming and repetitive, especially because the homepage features multiple touchpoints designed for conversion.

The fix was to introduce varied, intent-specific CTA language, such as:

  • “Schedule now”
  • “Book your pool cleaning”
  • “Talk to a pool care expert”
  • “Join 130+ happy customers”
  • “Call now”
Annotated mock up Tav Pools

From the Client

Their experience working with me

Honest feedback on the process, partnership, and outcomes delivered through our work together.

Quote icon

Working with Jacob was a game-changer for our business. Our old site felt outdated, and he gave us a fresh, modern redesign that looks great and actually brings in more inquiries. He was easy to communicate with, super organized, and handled everything from the design to the build. We're thrilled with the final result and would highly recommend him to anyone looking to elevate their online presence.

Image of Sean

Sean Procunier

Owner - Tav Pools and Water Kingdom

Tav Pools Hifi Mock Up Tav Pools Hifi Mock Up Tav Pools Hifi Mock Up