Mirais Lácteos is a project for a fictitious Brazilian dairy brand, where I redesigned their recipe platform to enhance user experience. Inspired by a challenge from a Brazilian company and my love for cooking, I recognized that users often struggle to manage their phones while preparing recipes. I aimed to create a platform that displays ingredients continuously while offering both video and text support, ensuring users can follow recipes seamlessly without losing track.
Timeline: 1 month
In this project I implemented a UX/UI process for the brand Mirais Lácteos and make a recipe platform with the results of the investigation and strategy to make the brand more relevant, credible and visible in Minas Gerais culinary.
Challenge
Objectives
Create a strategy to understand the needs of people who use recipes.
Create a modern app that highlights the traditions of Minas Gerais.
Discover the problems and paint points of users when making a recipe.
Before starting to do research, I made a prioritization of the brand needs to keep in mind both, the company and users.
Then, I focused on users. I wrote all the questions I had, to understand their mental processes.
According to this, I used three methodologies;
Research
What do I need to understand?
Insights
I started the research with a technique of observation and infiltration. So I, as someone who wants to make a recipe, saw all the offers of recipes websites and the problems each one had for users.
In the recipe-making process, users must consider various factors such as ingredient availability, time constraints, and dietary preferences. However, finding the right recipe often proves difficult due to disorganized search results and unclear instructions. This challenge is not due to a lack of options, but rather due to inefficiency and confusion in navigating available resources.
Interviews
Observation (how they use other similar apps)
Adapting a beginner mind and making a recipe.
This proto-persona is not based entirely on the investigation, but rather on the designer's understanding, our best guess of what we know about users and which should be changed as future projects take place.
The first question I wrote helped me a lot to make the customer journey map and thus have better empathy with users.
Definition
I made a brainstorm and then wrote in yellow post-its the ideas designed for users and in pink post-its for the company needs. Then I did a prioritization process according to cost, business value, relevance (with the goals), loyalty.
The most important ideas that I worked on were:
The filter is an important element, so users find recipes according to their ingredients, the time they have, the expertise, or the price.
Different formats (text, video, guidelines) to show the recipe help users focus on each step and don't make mistakes.
A dynamic home according to the time of the day can be interesting for users that require quick recipes.
Recipes for special events can engage users because they will always have the best recipes for each occasion.
Cultural content about the recipes is also relevant because users can feel more identified with the brand.
Ideation
In the prototyping stage of the UX process for the recipe app, I created a final low-fidelity prototype focusing on the “happy path” scenario.
This prototype mapped the user journey from the home section through to the end of a recipe, where users can leave comments and rate it.
By visualizing and testing this streamlined user flow, I ensured that the interface was intuitive and functional, laying the foundation for a seamless user experience.
Prototyping
Contact me to see the prototype in Figma, or visit my Behance profile to preview the UI Kit and some of the design.
I did a test with 5 target people to prove if the site's usability is great.
The most important issue was that the interaction in the ingredients is not clear, there is a lack of a message indicating the function of marking the ingredients. Since it’s not something that affects the interaction positively, I decided to abandon the idea.
On the other hand, they found it helpful to have different ways to present the recipe, as well as knowing how to navigate between the recipe, nutritional information, and opinions.
Testing
Cognitive walkthrough
Before
After
For this project, I did a project for the Mirais Lácteos brand. Due to time, I decided to do a sprint design where I understood the users better and succeeded in making a relevant brand.
I managed to make a prototype of the happy pat on the site and solved the problem that users had due to a lack of organization and information architecture.
In addition, I also focused on the brand's goals and needs, I designed different formats to show a recipe, which made the brand more relevant and visible for users.