Foodie

MY ROLE

UI/UX Design / Conducting interviews, wireframing, prototyping, usability studies, accessibility.

PROJECT DURATION

8 months / Mar. – Nov. 2021

LINK

View Project

THE PROBLEM

Have a quick and easy-to-order specific diet meal, not only for office workers, but also for tourists.

THE GOAL

Finding specific diet products in a quickly and easy way.
Sandwichs

THE PRODUCT

Foodie is a food truck located in Ciudad Autónoma de Buenos Aires, Argentina. Foodie proposes a quality fast food, covering a wide spectrum of diets: from traditional to vegan, vegetarian or gluten free. The company wants to reach all kinds of customers: from office workers on their lunch time, to tourists visiting the metropolitan city.

SUMMARY

I conduct interviews and creates emphaty maps to understand the users needs. I want to create a very user centered app to help people who usually do not have time to sit in a restaurant, to eat food according to their specific diet in record time. At first it was aimed at office workers, but then we observed that the service was also required by tourists.

Down: Foodie User Personas
They allowed to know the motivations, behaviors, frustrations, pain points and needs that a user has and to identify opportunities for improvements for the product.

Pain Points

TIME

People in a metrtopolitan city has no time to spend eating in a restaurant

ACCESSIBILLITY

Food truck apps, or ordering food apps, are
not equiped with assistive technologies.

AI

Change languaje option is always hidden for the users.

Competitor Audit

A competitive audit helps me to track where the competitors are and what makes them more visible online. The goal was to discover what is working for other companies in the industry, so that I can make those strategies work for Foodie too, to gain a competitive advantage.

Wireframing

Ideating designs using paper wireframes. For all the workflow, I priorize a quick and easy user journey, from ordering to payment, to help users save time.
Continuing with the first design phase, the MVP digital wireframes were built based on the feedback given by the users in the user research. Easy navigation was the key in the development of the design and try to have a equity-focused product.

Down: The prototyping tool chosen for this project was Figma. This is the example of the Lo Fi prototype with the connections between screens.

Findings

ROUND ONE

– Users want to order food quickly.
– Users want to easily find the menu that suits their diet.
– Users do not want to have contact with employees because Covid-19.
– The app has national and international users.

ROUND TWO

– Improve visibility of language change option.
– Implement a royalty rewards action.
– Test the app with people with disabilities.

Affinity Diagram

An affinity diagram is the organization of ideas into a natural or common relationship. 

With this step I was able to unify data and organize facts, opinions and problems in taxonomies to identify and diagnose common problems.

Refined Design

Languaje always visible

After the usability study, the language options was changed. From being hidden in the hamburger icon, it became always visible in the upper right corner of the home screen.

Royalty Rewards

Users need something that makes them use this app over others.
Points (such as royalty rewards benefits) and satisfaction surveys were implemented to be the best positioned in terms of customer service.

Down: Example of the Hi Fi prototype with the connections between screens.

Accessibility

The path of accessibility began to be explored. I used simple web tests and Figma plugins mostly for vision issues. Not all possible accessibility methods have been tested yet.

COLOR BLIND

I want to understand how my colors will look from the perspective of different types of color blindness. So I find a pluggin that give me a preview of the colors and generates visuals on canvas based differents cases of blindness.

CONTRAST COLOR CHECKER

Show different levels of contrast ratios and a rating for if the font size used is over 18pts.

Take Aways

Continuous iteration is the best tool for creating a solid, truly user-centric product.
Being able to interact with real users, collaborators, follow processes, are steps that we must follow to always have the user in front-and-center of the objective.