Helio Automated Garden System with Mobile App
USER RESEARCH. UI & UX DESIGN. LOGO DESIGN. PRODUCT DESIGN.
Problem: Despite their desire to have one, most people do not have the time, space, or skills to grow and maintain a vegetable garden.
Solution: A garden that can garden itself. A mobile app, a sensor with solar panels, and a modular garden box with a heating and irrigation system, that can grow and maintain garden vegetables. The sensor communicates with the app and maintains the garden’s moisture and temperature. It also monitors light and nutrients.
Helio app, garden sensor, and garden box.
Helio App Screen Examples
Screen 1: Sign-up. Screen 2: Sign-in. Screen 3: Home page.
Screen 1: The full menu falls from the hamburger menu on the left-hand corner of the home page.
Screen 2: Access your plant statistics quickly by swiping from the bottom of the screen.
Screen 3: Select your chosen plant and review its information. By providing your zip code information, the app can give gardening recommendations.
Screen 1: Get specific information about each plant, including how much light a plant is receiving, directly and indirectly. Screen 2: Receive notifications about your automated features or receive recommendations for greater success.
Screen 3: Access our blog and learn from our garden experts.
The Garden Box
Includes instructions on how to assemble the modular garden box.
The customer assembles the garden box with panels with interlocking parts that can be put together like Legos. Attach the hose at the end for automated watering.
All of the elements inside, help run this automated system. Sensor and app communicate back and forth so you can access information, or or have advance control.
Specs for Sensor
Plant and Seed Packages
Plant starts and seed packets.
User Research
First, we sent out a survey to determine if there was a demand for such a product. Here is what we learned from local people in our community:
User Personas
Using the information we got from the survey, we created multiple user personas to have greater user empathy.
Customer Journey Mapping
Next, we created a very detailed customer journey map. This is what inspired us to keep each part of the start-up process simple and straightforward. Below is an example of just one of multiple pages.
Sketches
Here is the initial sketch of the assembly instructions.
Wireframes were created for every feature.