R.HM
Recipeco is recipe share app which allow users to create own recipe by a few steps and share it with bunch of people who know them and create meal calendar with recipes that already have in own recipe gallery. It is more focused on users who need more direction on what to want to eat and care about organize meal plan.
Process
-Competitive analysis
- Created personas and wireframe
- Responsible about visual design
01 Research
03 Personas
05 Wireframe
07 Final design
02 Competitive analysis
04 App flow
06 Visual design detailes
01 Research
Based on app requirement which recieved from stakeholder I started to do some research about
- how people organize daily meal?
- are they using some mobile app or website?
- how they find out favorite recipes?
- how often people cook at home?
%50
people cook at home from 3 to 6 days per week
%58
Full time worker people cook at home from 3 to 6 days per week
%38
millennials cook from web or blog
%32
people age average 35 years old and more find inspiration from own family recipes
Due to this research we find out app target users %65 intermediate and expert people are cooking at home 3 days per week and the average age of this people are 27 years old and up.
Target people: 30 Years old and up
02 Competitive Analysis& Survey
Before even diving into the features and the overall UX for Goal Builder, I conducted a couple product competitive analyses to gain a better understanding of the goal setting apps already in the market.
We started our research by sending out questionnaire to friends, family members, and various Facebook groups.
- Do you make meal plane for a week?
- What's hard part of create recipe when using an app?
- Do you go to grocery shopping according to your recipe of food or just buy any thing you want?
- Are you doing grocery shoping weekly?
Result of survey which is sent to 20 people from our target people
%80
people prefer to create meal calendar for week
%70
hard part of create recipe is typing ingraedients and directions
%50
make a list for grocery shopping with no idea about food that they will cook
What's come out from research?
We discovered that most of them prefer to have meal calendar, organize them but don't use any thing for organize their grocery shopping.
- prefer to share recipes with people who know them - need to organize their meal plane with recipes
- need to keep own recipe or photo of recipes - hard part of creating recipe is typing
03 Personas
Based on the research we identified 3 types of personas that helped us stay anchored on the user's needs and avoid turning to features that won't help them
04 App flow
When we had a clear picture of our users' needs, we started to brainstorm ideas about the app's layout and its main features. We kept in mind our personas and based our ideas on the potential usage scenarios.
While brainstorming a user flow, we were able to decrease the number of steps from seven to five by implementing more intuitive input techniques.
In this app flow we flowed 3 main task that user can do it by this app
1.Create own recipe
2.Send recipe
3.Create meal calendar
05 Wireframe
After completing the initial discovery period, we created a wirerframe. based on the user journeys above we spliti users journy to 3 senario and get narrow to each of them. By having this wireframe, we visualized the users' navigation from start to finish. it's help us to got a clearer vision for the design steps.
Sign up /login
Send recipe to group
User can send recipe to one person or group of people by creating a group.
Create recipe
Due to research create recipe was challenging part of this process , we try to keep this process as easy as passable by giving them take a picture from recipes and turning them to text, or create recipe by typing but we tried to keep input process easy and simple for them.
-on ingredients section :they can type ingredients in search bar and find them quickly and add amount of them by default measurement option
- add instruction step by step don't make them confuse about process
Create meal calendar
User can create own meal calendar with received recipe or the recipes which already are created on all recipes section
Shopping List
User can organize their shopping list, add some thing new or some thing which recently deleted.
06 Visual Design Details
Color Scheme
Due to some research in recipes app industry I came up with combination of green color as my primary color which is precedent freshness, health, food and orange color as secondary and call to action color which is also associate with power, test, food. I used tint of green color as my background color and also shade of green as my text color for accessibility issue.
Typoghraphy
A a
BCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
A a
BCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
My typography choice was the Avnir which is a modern, friendly Sans Serif typeface with simple geometrical forms.It provides a variety of weights and great readability on screens.. also chose SF Pro Display font for button text it's simple and easy to read for buttons.
07 Final Design
Task 01: first time user log in
Task 02: Create recipe
Task 03: add received recipe to meal calendar
