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.

howitworks.jpg

Helio app, garden sensor, and garden box.

 

Helio App Screen Examples

helioimagehero2.png

Screen 1: Sign-up. Screen 2: Sign-in. Screen 3: Home page.

helioimagehero1.png

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.

helioimagehero3.jpg

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

heliooutsidepamphlet.jpg
helioinsidepaphlet.jpg

Includes instructions on how to assemble the modular garden box.

porfoliobookfbigimages_Page_02.jpg

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.

helioprocess_Page_09a.jpg

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

helioprocess_Page_10a.jpg

Plant and Seed Packages

helio-potted-plantsandseed.jpg

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:

heliograph.png

User Personas

Using the information we got from the survey, we created multiple user personas to have greater user empathy.

primaryuserpersona2.jpg

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.

heliojourney.jpg
heliowireframes.jpg

Sketches

Here is the initial sketch of the assembly instructions.

helioprocess_Page_06a.jpg
 

Wireframes were created for every feature.

 

Style Guide

heliostyleguidenew.jpg
Previous
Previous

Little Bird Gardens

Next
Next

Cascadia Magazine