Portfolio
West Prairie Water Website Launch
Launching the first digital presence for a rural water utility — clear information architecture, accessible service details, and an easy path to contact.
Project Overview
West Prairie Water needed their first website to give residents one place to find company info, service details, and contact options.
Our focus was on making everyday tasks simple: pay your bill, manage your account, and reach support quickly. Critical updates like boil orders and outages are easy to spot, and water quality reports are easy to find.
CLIENT
West Prairie Water
TIMELINE
4 weeks
TOOLS USED
The Challenge
Residents needed a reliable source of truth for service information and alerts, but there was no central, easy-to-use site to reference.
- No prior digital presence
- Information hard to find across channels
- Need for an easy-to-use mobile first application
Brand & System
We developed a cohesive visual identity that emphasizes clarity and trust, creating a system that works across all devices.
Typography
Nunito Sans is used as the primary typeface for this website. It’s friendly, highly legible, and supports clear hierarchy across headings, body text, and UI elements.
FONT FAMILY
Nunito Sans
Used throughout the website for headings and body copy
Design System
A compact design system with reusable components ensures consistency and speed while focusing on resident tasks.
Key Components
- Easy‑to‑tap buttons with clear labels and feedback
- Mobile‑first, guided forms for billing, usage tracking, and contact
- Persistent alert banner and notice cards for outages and boil orders
Process
A resident‑first approach focused on quick access to billing, start/stop service, outages and boil notices, water quality reports, and clear contact — built fast, accessible, and easy to maintain.
Resident Journey Mapping
Mapped billing, service, alerts, water quality, and contact paths.
Information Architecture
Navigation: Pay Bill, Service, Alerts, Water Quality, Contact.
Wireframes & Prototypes
Mobile‑first flows; persistent outage/boil alert patterns.
Accessible Visual Design
WCAG AA contrast, clear type, large tap targets.
Rapid Implementation
Lightweight build with alerts, forms, CMS in four weeks.
UI/UX Highlights
- Resident-first navigation
- Accessible color and type system
- Concise, plain-language content
- Fast paths to contact and billing
Results
The site feels familiar and easy to use. People can pay their bill, check for alerts, or reach support in just a few moments. The utility now has a simple platform that is easy to update and ready to grow.
A Hero That Builds Trust
A familiar photo of the local river sets the tone. Clear calls to action make it obvious where to begin.
Paying a Bill Is Straightforward
The Pay Bill action is easy to spot. Clear steps guide residents through payment without any second guessing.
Alerts You Can't Miss
Outages and boil orders are clearly called out. A banner and notice cards keep everyone informed right away.
About Page in Plain Language
No jargon. The About page clearly explains who West Prairie Water is, the area they serve, and what residents can expect.
Getting in Touch Is Easy
Residents can call, email, or use a short form. Whatever they choose, they get a quick response.
See it live
Explore the production site in the wild.
Next Case Study
BNB Breeze – Website Redesign
Redesigned the Homeowner Information page for a short‑term rental management company, creating a clear path for property owners to understand services and get started.
View case study
Let's create something remarkable
Tell us about your goals and we'll map the fastest path to launch.
Drop Us a Line
Prefer to start with a message? No problem! Tell us a bit about your project and we'll get back to you within a few hours (usually much sooner).