My Garden

A final personal project as part of UX/UI design course at codesigner

User Research

UX&UI Design

Prototyping

My Role

Duration

Tools

3 Months

Overview

Have you ever wanted your own invested garden?
Have you ever wanted to be a master of yourself and not be dependent on professionals?
Now you can do it yourself.
planning and designing a garden has never been more convenient and accessible.
meet your next app – My Garden.

The Problem

A part of the tools are not user-friendly

The first part of the project was to figure out what problem I was going to solve. From the research I conducted, I found that most software and applications work by drawings and other garden design tools. During the research, I came across one main competitor that based on the idea of ​​designing gardens with augmented reality technology. But when I examined the app of this competitor, I realized that it does not appeal to the Israeli audience and does not offer user assistance in the planning process – which makes the process complex, cumbersome, and Unfriendly.

User Research

To better understand the needs of users, I conducted a number of tests of garden design applications and software.
I wanted to know how to approach the process, to understand what is important and what is current and relevant in the market today, and what is right and what is wrong for users of these applications. To better understand and find out what the goals are, I did research on “editor” in these apps.

What important and relevant in editing apps

Survey Results

Based on the research I did, these are the main findings:

Inspiration

Sources of inspiration are something that can contribute a lot to project promotion, especially in design so it is quite necessary

Simplicity

Template

Complexity tends to greatly complicate the user interface and the user himself. The whole idea is to make the interface as simple as possible and avoid critical mistakes that will affect the user's behavior

Many users will usually want to start from some basic stage rather than the beginning, so it is important that they have the option to add a template

Sharing

Now with the move to the new house, I can dream of my own garden

"

"

Sharing is available today on almost every social platform. When a user edits or creates something, they will usually want to share it with the community and get their opinion

User Persona

Based on the research, I developed user persona to relate to in the process:

Keren Green, 31

personal trainer & nutrition consultant

 

         Goals:
    • Save on financial expenses because of moving to a new home.
    • to Build a garden where she can perform the workouts as part of her work and of course she will enjoy it herself.
    • She wants to share with all her friends.
         Pain Points:
    • There are days when the studio where she works is closed, which significantly limits her.
    • She has lived all her life in a building without a garden, and today after moving into the new house, the next step is to build their own garden.

“Now with the move to the new house, I can dream of my own garden”

   


     Keren Green, 31

      personal trainer & nutrition consultan

 
        Goals:
    • Save on financial expenses because of moving to a
      new home.
    • to Build a garden where she can perform the workouts as
      part of her work and of course she will enjoy it herself.
    • She wants to share with all her friends.
         Pain Points:
    • There are days when the studio where she works is closed, which significantly limits her.
    • She has lived all her life in a building without a garden,
      and today after moving into the new house, the next step is to build their own garden.

 

The Solution

planning and designing a garden made easy

My solution to this problem was to build and design an app that would be based on augmented reality technology and appeal to the Israeli audience. With the help of this app, the user will be able to plan and design his garden as he wishes and even be more focused on his goal. In addition, the user will be able to get help and guidance from the system by choosing custom templates which will facilitate the planning process and of course save time. At the last stage, he will also be able to choose to share the projects he worked on it and get inspired by the process.

Target Audience

People who own an apartment with a garden. Design lovers who want to renovate/maintain or design their own garden

The Value

These people enjoy a do it yourself approach with a convenient and friendly interface

Based on the research, I listed the actions that users take and the actions that are important to them in editing applications.  After I finished I worked on the user flow diagram.

The conclusions at the construction stage

User Flow Diagram

Wireframes

The next step was to work on the user interface itself. I started with the base and drew screens on a page. Then I created low-fidelty screens in Adobe XD and so I basically moved slowly and safely between the stages until I creted a prototype.

Construction Phase

User Interface

The last step was designing the user interface.
I chose a clean and uniform design, and bright colors that will make the interface feel simple.
My goal was to maintain a uniform design line in order to make the user connect to the interface, understand easily, and orient themselves. 

Simple and clean design

OnBoarding & Login

In the first step, the users are given an explanation of what they can do in the app. After the explanation, they go through a quick registration process and log in.

Home Page

Once the users have signed up, they are taken directly to the home page. The home page has one central button that leads to a main action and that is basically the beginning of using the app by taking a photo or uploading an image from the gallery. In addition, there is a hamburger menu with a number of additional actions such as settings, projects and more.

Editor & Template

After the research I did I realized that the editing tool must have a user-friendly interface so I decided it would be more correct to characterize and design the interface horizontally. In the editor, users can choose from a number of options such as receiving tutorials, choosing from a product catalog, and, among other things, choosing a template. I chose to add the template selection option to make it easier for users who do not want to go through the entire full use process that the app allows.

Product Menu

In the direct context of the previous screens, selecting the product menu option will open a navigation menu for users with products to select and filter such as "most recommended" or "products I liked" and more. In addition, users have the option to filter and search for products freely.

Augmented Reality

Once the product is selected, it is added by an augmented reality indicator. Users are given a short process of explaining what and how to control the addition of the product on top of the image selected at the beginning of the process and in fact, in this way to design their garden as they wish. By clicking on the product itself that will be added, additional options specific to the product itself are opened, such as deletion, duplication and more.

Before and after & sharing

At the end of the process after saving the project, a screen with pictures of before and after the process is displayed. Through this, users can understand how significant the change is and get an indication of the process. In addition, users have the option to choose whether to share their project on various social networks and add a few words.

THANKS FOR WATCHING