"Garden Guard"

Native mobile application for gardeners


Garden project

Climate change, global lack of good nutrition and industrialization - all these factors made me come with the idea to create an application that would help people to maintain their gardens. Climate change, global lack of good nutrition and industrialization - all these factors made me come with the idea to create an application that would help people to maintain their gardens.


About

Idea

After providing the 5W method, I concluded the project's brief and confirmed the app's idea.

Proposal

Design Evolution

Below you can see how the application was evolving, starting with paper sketches and ending with the high-fidelity wireframes.

Design_evolution

The next pace was creating the user-flow defining key user-flows for the application.

User Flow

After defining the user flow, I started to create paper prototypes, incorporating the app's structure step-by-step.

Sketches

After iterating the paper sketches, I reflected them into the digital version of the low-fidelity wireframes using first Adobe XD and then transferring it to new for me software - Figma (which is my favorite now!).

middlewires

Creating the style

Next step was creating the style and app decorations as animations and illustrations, which made my application look and feel unique and exclusive.

Interactive Prototypes: Garden_Guard_Prototype_Samsung_Galaxy_10_
and
Garden_Guard_Prototype_IPhone_8


Animations

The next pace of the design was creating the application for both platforms - Android and IOS, in accordance to Material Design and Human Interface Guidelines.

High-fidelity

Important part of the design iteration is incorporating the wireframes into the real device mockups, to be able to see how the application would look in life.

mockups

Android and IOS are main mobile platforms on the current market and every success-oriented project should cover them both.

Experience

Reflexions

Prototypes

Welcome animation

Welcome

Loading animation

Chilly

The animations above reflect the project concept, as well as represent the process that is going on - welcome screen, loading page.

Thank you!