Pentair’s ScreenLogic system gives users of in-home pool systems fine-grained control over a variety of features, ranging from thermostats to lighting and pumps. The original app was comprehensive, but had a confusing information architecture, and its readability and affordance suffered from non-standard UI controls.

I worked with our team’s UX architect to identify information and functionality to lift out of deep menus and present either on the home screen or in contextual, progressive-disclosure elements. I divided the visual hierarchy on the top level of navigation to further separate what we identified as primary use cases, such as checking or setting temperature, from secondary ones such as scheduling.

As a cross-platform app, ScreenLogic had to look native in both contexts. To this end, I formulated an updated UI style that could flex between conforming to the iOS HIG or Material Design on Android.