Keeping plants well watered, basically saving the world one garden at a time

Hydrawise Header Image
About

Hydrawise combines hardware and software that allows users to schedule their watering system simply and remotely, saving money and reducing waste. They've dominated the market as the best WiFi irrigation system and they came to us for help giving their hybrid application a modern overhaul.

Details

Web and mobile app

Six-month partnership

Product redesign

Hydrawise Large Image Dashboard

Initial Stages

First we got our head around the user personas (Contractors and Home Owners), business goals and user goals. Workshops, a thorough user experience audit, and a review of existing user data identified four key issues to address:

  • Onboarding didn't give enough information and direction
  • Contractors didn't have a hub to manage their business
  • Editing settings was too complex
  • Visual language was unintuitve and needed some sprucing up
Hydrawise Large Image Controller Both
Hydrawise Slideshow Mobile 1
Hydrawise Slideshow Mobile 2
Hydrawise Slideshow Mobile 3
Hydrawise Slideshow Mobile 4
Hydrawise Slideshow Mobile 5

Designing an informative onboarding process

Our testing showed that Homeowner users were struggling to understand the terminology and industry lingo. As well as making copy recommendations, we designed informational clusters, meaning the user can focus on one piece of information at a time.

Contractor management system

Landscaping contractors were a huge market for Hydrawise, each contractor using the application to service dozens of clients for their businesses. We designed a simple and identifiable way for Contractors to switch between a tailored Contractor and Customer dashboard so they could easily manage their business remotely.

Hydrawise Ba Image Before
Before
Hydrawise Ba Image After
After

Easier editing of settings

Usability showed that while Hydrawise has a lot of flexibility in its settings, the huge amount of options was leading to users feeling confused and overwhelmed. By displaying fewer options and breaking up screens into visually discernible sections, we helped users to focus on the settings that matter to them.

Hydrawise Slideshow Large 1
Hydrawise Slideshow Large 2
Hydrawise Slideshow Large 3
Hydrawise Slideshow Large 4
Hydrawise Slideshow Large 5
Alyoop helped find simple design solutions to complex userflows and features on our hybrid desktop and mobile app. Their methodical and collaborative approach took both our users and developers into account, resulting in an intuitive and modern design
246X0W
Cameron Ryan - CTO

Enhancing visual language 

The visual language needed a refresh with bolder fonts and splashes of colour to convey importance, motion or action. This helped to direct users and increase functionality.

Hydrawise Ba Slide BeforeHydrawise Ba Slide After

Design system

Creating a design system for an app makes it simple for future development and also allows the app to scale with consistent designs. Framing the UI components to change and move with the app helps developers to tweak and allows future designers to edit components.

Hydrawise Large Image