Role
Verve
UX Process
UI Process
This responsive web app will guide you through your kitchen and grocery experience with personalized recipes, filters, and grocery tracking that can turn you into a meal management wizard! Take the stress away from daily meal preps and planning at home.
UX RESEARCH
UI DESIGN
RESPONSIVE WEB APP
MULTI-PLATFORM USAGE
About the Project
Conduct user research and design a web app that will resolve a current problem faced by users with recipe apps and blogs. The app has to be in a responsive web app format that can be accessed on any platform and device by users, making it easily available for anyone and everyone.
Role
UX Research Designer,
UI Designer
Software
Adobe XD, Photoshop, Illustrator, InDesign
Duration
February 15 – April 19, 2022
Category
Cooking, Kitchen, Culinary,
Meal-Prep, Recipes
Platform
Responsive web app for internet or data-driven devices
Software
Project Overview
Objectives
Who?
The app is for a target audience that enjoys cooking efficiently from the age groups of 21-45 years.
Working adults and homemakers that require a time management efficient app assisting them in the prep and cooking processes at home and work.
What?
-
Quick, easy to follow, and easy to prep meals.
-
Utilize filters for time efficiency, number of ingredients (at home), and diets.
-
Ingredient or grocery list creator.
-
Personalized recipe ideas and recommendations based on the usual groceries bought frequently.
When?
The audience will use this any time of the day (work, home, on-the-go) to plan out meals and gather everything for prep.
Where?
At home while planning meals or recipes.
While commuting to-and-from work.
At their place of work.
While at the grocery store.
On a mobile phone, laptop, desktop, and tablet.
Why?
-
Assistance in meal planning, cooking, prepping, and grocery shopping.
-
New ideas and personalized recipes for themselves.
-
Grocery tracker that helps alert them to grocery shop.
-
Eating easy to make, delicious, and healthy meals.
-
Time manage their busy schedule with easy meals with time efficient recipes and prepping two steps when possible.
Hypothesis
Create an app that utilizes ingredients available, time-efficient recipes, unique filter categorisation, and grocery tracker to assist in the prep-work and overall cooking process. The app (with it’s features) come full circle using the grocery shopping, searching (and saving) recipes, to minimising prep-work, and assisting in the multitasking of cooking to help users save time and eat healthy.
The UX Process
SWOT Analysis
Forks Over Knives
Kitchen Stories
Personas
To better understand the users needs, creating an identity for the audience assisted in distilling important information like personalities, motivations, devices used, pain points, scenarios, and end goals for what needed to be done through various tasks performed.
User Flow
After gathering requirements for an MVP (minimum viable product), it was the logical next step to create flows with specific tasks for user's to go through, with end goals in mind. To create a flow with the least amount of pages and actions helped converge various ideas, and assisted in the next steps in executing a viable responsive web product.
Rapid Prototyping
Rapid prototype sketches assisted in gaining feedback from users early on in the process with how their first experience was with the product flow.
Usabililty Test
The feedback collected through these tests developed an iterative, user-centric design process to relieve the pain points and confusion while simultaneously improving the overall UX of the app.
The UI Process
Mid Fidelity Wireframes
Moodboard
The moodboard was created keeping in mind a neural, leaning towards a light pastel, colour scheme for a sustainable and organic look for the website. Contrasting typographic choices were made for a more wholesome experience and to create better hierarchy in information.
Style Guide
My typography choices were a pair of contrasting typefaces i.e. Museo Sans and Mrs Eaves, that provoke and lend a clean, geometric, and friendly feeling to the outcome of the user experience design process for Verve.
The colour palette is an earthy yet accented one that incites feelings of neutrality, nature, sustainable eating, and reliability.
Colour
Typography
Components
Preference Testing
Final Design
Role