Graticle Design Logo White

Water Filter Website Design

April 06, 2020    Reading Time: 5 Minutes

Water filter company web design

In this web design spotlight, we’re going to cover the website we designed and developed for Home Water Plant in Seattle, Washington.

Originally, when the customer contacted us they had a revolutionary product that they wanted to bring to market. The challenge was, that every person involved in building this product was extremely technical. When they first showed us the product, they slid a binder across the table. If you wanted to know exactly how this product worked scientifically, you could dig in to this information and understand it completely. The problem is, no one is going to spend any real amount of time reading through a binder like this. If they handed this binder to a prospective customer, the customer would toss it in the trash. On a positive note, we had a solid base to work from. It’s much better to start with too much than not enough.

Our job was to simplify this product and brand itself, and we started with the logo. We will cover the logo and branding project in another post.

For now, back to the website!

It’s great this product removes all the unnecessary things you don’t need in your water. But leading with this information isn’t a good idea. It would put your prospective customers to sleep. What we needed to do, was simplify the product and make it easier to take in for people.

As you can see on the website, the headline “clean, drinkable water for the whole family” is easy to understand. The sub line below it further solidifies this. After you read those two lines, it’s clear what this product does and what it can do for your family. If you’re looking for clean, clear, drinkable water then you’re in the right place.

Website design illustration

I mentioned all the complexities of this product. To the consumer, none of this matters. They know they have bad water, and they want it fixed. Everything else is details.

Benefits Website Design

Now, instead of going into those technical details of how the product works, we decided on five primary benefits that the Home Water Plant provides. We showcase these right below the main hero image on the website. It’s very important to have everything easy to digest for visitors. Everyone on the Internet is moving fast, and has little, if any, attention span. It’s important to allow someone to scan headlines and read more if they are interested. Grab your favorite novel and open it to a random page. That’s exactly what we don’t want to emulate.

On the homepage, we have addressed the concerns of the consumer in a story type format. First, allowing them to understand what the product can do for them. Then, the benefits of the product itself.

Website design illustration

Next, we talk about what their current contains and is doing for them. The current water out of the faucet puts water spots on their dishes. The water stains dishes and might even dry out your skin.

Phases of the Home Water Plant Design

Lastly, we showed the product itself and the various components. Instead of going into the details on each component, there are links to each phase where the reader can learn more if they choose. Otherwise, they can keep scrolling. Again, you have to show enough to keep the visitor interested, but not so much that they lose interest. For those that are interested in something specific, they click and dive in.

Benefit Headline Website

Calls to Action are Crucial

You’ll see the phone number at the top-right of the screen on every page asking for people to call.

Website footer call to action

At the bottom of every page, there is a call to action asking for the customer to make a phone call, email, or even fill out a quick consultation form. This allows the visitor a variety of methods to contact the business. They can choose what’s most convenient and to take the next step.

Consultation Form Website Design

Schedule a Free Phone Consultation

This form allows busy visitors to be able to fill out their information and get a call back. The visitor only has to leave their contact information without writing a message. This is for people who are interested and want more information but are not ready to commit. This makes it easy for the visitor, because they fill out a few fields and go about their day. For the company, they get a conversion and a lead that they can follow up on. The important thing to note here is that it’s simple for everybody.

Website header water filtration company web design

Simplified Navigation

You’ll notice that the top of every page the navigation is simple. There are four primary links and two secondary links, including a phone number. There’s also a hamburger menu where extra pages are stored. These were determined to be of less importance and allowed us to simplify the navigation so that people can find the most requested information such as the frequently asked questions page, technical info, or contact.

Hamburger Menu Design

Hamburger Menu

Again, this allowed us to simple father navigation by placing extra pages here that weren’t a high priority.

Request a quote website design

Request a Quote

If someone wants to get an accurate quote (without making a phone call) they can go to the Request a Quote page. This is an easy-to-use page where the visitor can fill other information and get a quote back within two business days.

Technical documents page design

Technical Information

It was important to have an area on the website where people could read all the technical details on how the product worked. After all, anyone can say they can filter water, but what does that mean exactly? All the documents here on this page allow someone to compare apples to apples as they are looking at various water filtration companies.

Question page design

Have a Question?

You’ll notice on various pages there is the phone number and email address listed. This is important because if someone does land on a page, and they do have a question, contact information is easy to find. This increases conversions and helps the trust level of visitors knowing that this company is a phone call or email away. Having contact information hidden would make this website much less effective.

Frequently asked questions website page design

Frequently Asked Questions

We designed this page to make it simple for someone to find the question that they’re looking for. Rather than navigating through all the questions and answers, someone simply navigates through the questions to find their answer, and then clicks to view the answer. Simple.

Contact Us Form Design

Contact Us

On this page, not only was it important for customers be able to send their information through a contact form, but we also wanted to allow customers to find their answers (self-serve). If someone has landed here, and hasn’t seen the resources or frequently asked questions pages, then there are links on this page to help them.

If someone does choose to fill out the form, they are also asked if they are a homeowner or a plumber/contractor/dealer. This allows the company to be able to filter things on their end to better support the customer depending on their needs.

Blog Post Page Design


On the blog (and throughout the entire website) it was very important that it be readable and easy to use. You’ll see that the font choice is larger and the design is straightforward with limited distractions. This allows visitors to stay focused on the content.

You’ll also notice the byline for each blog post. This is critical, because the people behind this company are extremely experienced and credible. This is a great place to add their bio so visitors know that they are reading content from a qualified expert.

Blog byline design

Need Web Design Services?

I hope you enjoyed this web design spotlight. If you have a water filtration company and need help designing your website or brand, please Call or Text (360) 450-3711 or Request a Quote.

Looking forward to helping you.

Written by Shawn Hooghkirk on April 06, 2020

Last updated on May 04, 2020. Shawn is the President of Graticle, Inc.

Want a Quote on Your Project? Answer a Few Questions »

Graticle Design has built my last two websites. My web designer Shawn did a fantastic job. The newest version of my website looks like I spent way more on it than it ended up costing. If you want to look like a million bucks for a very competitive rate, I suggest using Graticle Design.


Real Estate Agent

The Real Estate Group

Manhattan Beach, California

We had Shawn with Graticle, Inc. take our old website and make it mobile and do other enhancements that make is so much easier to use. Shawn listened to our Board of directors, gave us a very reasonable quote as compared to others, and then he did exactly what he said he would in the time frame that we agreed to! We are very happy with his professionalism, knowledge and customer service. Not planning to go anywhere else!

Michael Vorse


Minuteman Press

Longview, Washington