Plantiful

Gardening app for maximizing growing space and increasing productivity

Project background:

TIMELINE: 14 - 30 June, 30 July - 20 August (2 months)

ROLE: UI/UX designer

TOOLS:

Overview

Gardening app for native Android and iOS, that helps gardeners have a clear plan for their crop season. Maximize growing space to be beneficial the plants and increase productivity, enrich clean food sources for our meals.

Why Plantiful?

For new gardeners, building a home garden seems to fancy to be true. Since there are plenty of thing need to be learnt and prepared before hand. This app will help them narrow down essential steps and keep them on track. Gardening never be that easier with Plantiful!

The Problems?

1. People who are new in gardening usually fall into a loop failure: sow a lot of seeds, buy wrong dirt, don't know when to plant what or what to do if their garden under pesticide attack. They end up with wasting a lot of time, efforts, and money for a poorly crop season.

2. People who has experiences in gardening but don't know where to share their knowledge, or swap what they're over produced.

3. People who are struggling with how to maximize their land bank, to benefit the most out of their garden.

Working Process

Approach the problems & Learning

Competitor Research & Analysis

UI Design & User Testing

Prototyping & Refine

Approach the problems as a user and home gardener.

How to apply iOS and Android design guidelines to mobile screens.

Study 3 competitors and learn from them.

Analyze the basic structure of a mobile app.

Indicate gestures on mobile wireframes =

Apply existing mobile design patterns to evoke familiarity and intuitiveness

Design a native mobile app UI
Indicate gestures on mobile wireframes.
Create a prototype that accurately represents a final UI.
User Testing and feedback
Refine

Three competitors are deeply analyzed to understand the market and what are opportunities for Plantiful.

Competitive Research and Analysis

User Flow and Diagram

Gardening and Planting APP for native android and iOS(1).png

Sketching

z3688726608804_8d1b6231e050b046acddfb46a

z3688726636852_2dd9c4e16b963067988d2a35a

z3688726669146_691f95f208f6394493cdf7228

I studied carefully the differences of two operation systems to make sure bringing the best user experience on whatever devices.

Distinguish 02 native operation systems: Android and iOS.

High Fidelity Wireframe

Prototyping and User Feedback

Interact with the app here

Android

iOS

Peter

Design: I like the color palette but the white gradient in the middle is hard to read.
Flows: How to login from email if when there is nowhere to input email?

Lana

Design: The back ground color is a little too green.
And My garden is not really fit well with the whole color palette.
Flow: I don’t know how to login at first. There are too many things.
Home screen: icons are nice since i don't want to read much.
Flows: How to login from email if when there is nowhere to input email?

Chung

Nguyen

I have no problems when doing 3 main flows.
Background color maybe shouldn't be to much gradient.

Chris Luu

I like the action status of button to demonstrate how it will look like and user know where to tap on.
The flows are simple and easy to use. No problems to me.

Gareth

Hobbs

Home: Personally I'm not sure I like the radial gradient styling for these buttons (and for the leaves in the background. I would maybe consider making these flat. Or at least a more subtle gradient.The hamburger menu is off on this screen.
Plant: Shouldn't this tab navigation be on the home page as well? I found myself going to the homepage and looking for it and not finding it. Also the 'community' icon feels a bit bigger to me.
Create garden and Messenger: I like this UI solution, nicely done.

Final Design
The Solutions

From here, the design will be presented in both Android and iOS screens side by side. The flows are continuously over screens, just the designs are distinguished between two native operation systems.