UX and Visual Design Patterns for a Monitoring App by Wilo
For Wilo, one of the world’s leading manufacturers of pumps and pump systems in the high-tech sector, we conceived and designed a control and monitoring app for the iPad. With 7,000 employees in 60 countries and 1.5 billion in sales, Wilo has turned from a local specialist into a global player. The company is known for its uncompromising customer orientation, close proximity to the market and a pronounced culture of innovation. This is also reflected by the brand promise: Pioneering for You.
Getting to the Heart of the Matter
We start our process with the discovery phase. Part of this is a workshop in which we work with the client to explore the business, brand and target group. The Elevator Pitch is one of our many tools for understanding the key objectives and unique selling points of a company. For this, the client is given the short time span of an elevator ride to briefly and succinctly present its business to us.
Distilling the Essential
In several iterations, we developed the interaction design for the app. In parallel, the company’s technology service provider created a prototype, which was constantly refined on the basis of our design. The interface had to be user-friendly despite its high complexity and wide range of functions for various user profiles.
Creating a Codified Design System
Next, we created a design system for the app which is extendible within a predefined setting and contains elements such as zoning, colors, displays and buttons. White or dark gray areas on a gray background visually mark off areas from one another, thus bundling information. A color code is provided to identify individual parts of the system. Wilo used the design system we developed a year later for the successful, multi-award-winning redesign of its brand.