Hayward · 2021

The whole pool, in the owner's hand

A pool runs on a multiple individual pieces of equipment: pumps, heaters, lights, and the chemistry that keeps the water safe. Hayward puts control in the owner's hands.

4.6★Rating in the App Store and Google Play
93%Of compatible Hayward products connected
The app's home screen, showing Pool, Spa and Backyard groups with pump, heater, chlorinator and light states all visible without opening anything.

Designed for the everyday owner

Everything the equipment could do already existed, but an average owner couldn’t use it. Controlling your pool meant dealing with a wall-mounted unit and knowing which piece of hardware did what.

An audit of the wall unit surfaced four problems: navigation, scheduling, component behavior, the interface itself. All four were design problems.

I researched what an owner touches daily

I explored the handful of things an owner does every day and designed those first. Everything else the app can do sits behind them, because an owner opens it to change one thing and leave, not to browse the hardware.

The Themes screen, listing saved scenes named Day Kid, Day BBQ, Night Party and Adults Party, with Night Party active.
A step-by-step helper modal titled Find your Omni ID, showing a photograph of the physical Omni panel.
Two screens: an email confirmation code entry, and a notifications list showing a chlorinator low-salt alert and a tripped pump.
What I chose not to build

The obvious call exposed every setting. I designed for the one thing an owner came to change.

Log in screenRecover usernameEnter Omni IDOmni IDfound?Select your usernameSecurity questionRemember yourpassword?Access to the platformNot foundTryagain?YESYESNOYESThe helper we added:where to find your IDPassword reset. Notshown in theoriginal flow.Log in screenRecover usernameEnter Omni IDOmni IDfound?Not foundTryagain?Select your usernameSecurity questionRemember yourpassword?Access to theplatformNOYESYESYESThe helper we added: where tofind your IDPassword reset. Not shown inthe original flow.

I mapped the flows before touching a screen

I ran the workshops first, then read the research Hayward had already done rather than starting my own. Mapping every flow before drawing a screen is what catches a dead end early, while it’s still a box on a diagram and not a screen already built.

The pool equipment control grid, each device a tile carrying its own state, beside the profile and settings screen.
The Recover Username screen, asking for an Omni ID with an inline link reading How do I find my Omni ID?

I brought heating, lighting and pump schedules to the surface, and pushed configuration one level down.

Themes make more time-consuming configurations possible. A setup saves under a name you already use, so Night Party is one tap instead of a pass through the pump, the heater and three light zones.

A pool owner using the redesigned app beside a lit pool at dusk.

Designing in Figma, coding in React Native

Once I finished the designs, I started building out the React Native components. Components would have multiple states and props, and then I would work alongside various engineers to put them in place. My work lived in the app, not just in the design.

Next

Somny · Everything automated except the judgement

View project details: Everything automated except the judgement