UX/UI Case study : Sango App

Sango is an app that gives you recipe ideas and helps you create and organise shopping lists tailored to your diet.

My role

I was the UI/UX designer for Sango and created the branding.

This project required a deep UX understanding due to its portability. I’ve focused a lot of effort on the effectiveness and efficiency of the design to ensure its accessibility and impact.

The challenge

The goal was to create an app that has a why and was the solution to a problem. The first step to get there was to work on research to make sure we are working with user centred method.

How might we help users in their day to day life and simplify their routine. We wanted to provide them an easy tool to help them pick recipes and make their shopping trip easier, while giving them information about their nutritional intake.

1. The brand

Sango has two purposes: to make your life easier and to help you eat healthily.
The biggest objective of the app is to help people get healthier in an easy way. In a world of constant hustle, people often don’t have time to take care of themselves. They go to the gym but tend to not spend as much effort on food. When they finally get to the comfort of their home after a long day, the last thing they want to do is take care of the food shopping.

Sango allows you to tailor your diet and select your meals from a wide list of quality recipes handpicked by us. Sango also creates a shopping list based on the recipes you have chosen and the number of people at your party and everything is done with a couple of clicks.

2. UX Research

Design process

Research

The first step to understanding the user was to realise extensive research. I started by making research online to understand the market better.

Sango is an app about nutrition and there are a lot of resources out there about this specific subject which helped me to make assumptions about the user, that I will be able to test in the next phases.

Here are some facts I learned about this subject :

Competitive audit

With no surprise, there is a lot of concurrency for a recipe app :
– Meal preps / chefs apps (Wecook, bigOven, …)
– Fitness apps (weight watchers, myfitnesspall,…)
– Shopping apps (amazon fresh, grocery store)
– Meal kit apps (hellofresh, gousto)
– Delivery apps (deliveroo, ubereats)

The market exists, and there is a real need for an app like sango. However, there are a lot of competitors and we had to find a way to make sango stand out.

Interviews

To brainstorm problems and solutions as well as identify potential features missing, I conducted an interview with 5 people from our target audience.

We met and discuss the issue. The goal of this interview was to determine the wants and needs that the target group has regarding their food habits.

Talking with the target audience helped me understand and pinpoint the different issues of potential users. They raised some points and issues that would never have crossed your mind without this back and forth of ideas flying from different minds.

Defining the needs of users

Everything done before helped redefine key features for the app:
– Recipes suggestions according to past choices
– Transform recipes into shopping lists
– Share shopping lists with others
– Taylor the diet
– Suppress ingredients you are allergic to or don’t want to eat
– Chose recipe according to diet restrictions
– Calendar to organize the recipe day by day
– Reviews system for the user to be reassured by social proofing
– Easy way to adapt the number of people for your recipe

User personas

Research and interviews provided results that made it possible to create user personas with sufficient information. The results show me that there would be different types of users and their particular needs. I created 3 personas thanks to the data I gather through the past phases.

Personas are a great way to simplify data and make the big load of information from the research easy to digest.
It helps make a little summary of things such as customer pain points, habits, and so on.

User journey

User flows for each persona helped us identify key actions within the app to focus on. It is also a great way to visualize the user using the product in a real-life situation and stay on track of the UX, making the app the more efficient and convenient possible.​​​​​​​

Example with Maria Mum
Context : She is in her kitchen wondering what is she gonna cook these upcoming days for the whole family.
Perturbation during process : At the end of the process, a kid comes and change the number of persons present for tonight’s dinner and want something else for tomorrow’s lunch.

App map

To see the whole quantity of screens needed and think ahead, I created an app map using everything done before.

3. App design

Low fi prototypes

With the help of the app map, I had a list of screens to cover all the pages we needed. I then sketched all the different designs and confronted them to our interview group and stakeholders to get feedback.

Example of ideation following feedbacks

“I would love to be able to choose filter recipes by cooking time, as it is a big factor for me. I hate picking a recipe and realising it takes more than 1 hour to make”

Style guide

To reflect the positive, upbeat, and accessibility of the brand, I used natural and optimistic colors, paired with playful shapes and simple illustrations.

Final prototypes

4. Marketing website

Thank you for reading this case

More projects