PlanoMais, helping you plan your meals on a budget.

PlanoMais, helping you plan your meals on a budget.

PlanoMais, helping you plan your meals on a budget.

Role

Research, UX / UI

Duration

9 Weeks

Context

Solo project included in the Google UX Course

PROBLEM

Saving money at the supermarket often requires a significant amount of effort.

Saving money at the supermarket often requires a significant amount of effort.

Saving money at the supermarket often requires a significant amount of effort.

Being an adult comes with responsibilities and chores which we cannot avoid. Like buying food, which is something we have to do repeatedly. Although this task is a constant in our lives, our plans, the cost of living, and consequently, our budget can forever change. 

We manage to accomplish tasks, but at what cost? Time flies by, we find ourselves eating the same 5 meals repeatedly, and we stressfully plan our grocery trips by checking multiple shopping flyers or apps to find the best deals.

Which begs the question, how can we improve grocery shopping on a budget?

THE SOLUTION

  • Maximize your time

    Create your weekly meal plan and quickly add meals to your shopping list.

  • Lists made for you

    Shop at multiple supermarkets or just one, and the app will find the most affordable option.

  • Save your money

    Compare the price of ingredients between supermarkets and make informed decisions.

  • Maximize your time

    Create your weekly meal plan and quickly add meals to your shopping list.

  • Save your money

    Compare the price of ingredients between supermarkets and make informed decisions.

  • Lists made for you

    Shop at multiple supermarkets or just one, and the app will find the most affordable option.

THE SOLUTION

  • Maximize your time

    Create your weekly meal plan and quickly add meals to your shopping list.

  • Lists made for you

    Shop at multiple supermarkets or just one, and the app will find the most affordable option.

  • Save your money

    Compare the price of ingredients between supermarkets and make informed decisions.

  • Maximize your time

    Create your weekly meal plan and quickly add meals to your shopping list.

  • Save your money

    Compare the price of ingredients between supermarkets and make informed decisions.

  • Lists made for you

    Shop at multiple supermarkets or just one, and the app will find the most affordable option.

WHITE PAPER RESEARCH

As a means to save money...

As a means to save money...

As a means to save money...

“60% of Portuguese individuals create a shopping list before leaving home. The consumer, driven by financial difficulties, resorts to spreading purchases across multiple stores in pursuit of optimal deals, constrained by the impact of inflation on their purchasing power.“

Data from the study developed by Centromarca - Portuguese Association of Branded Products Companies

USER RESEARCH

To better understand the users and their needs/struggles, I conducted user interviews focused on the following research goals:

Planning

Understand how a budget influences planning any grocery outing

Decision Making

Find what users with a budget prioritize when going grocery shopping

Strategies

Determine any key approach users employ when trying to stay within a budget

KEY FINDINGS

When it comes to saving money, any sort of meal planning is the most useful strategy.

When it comes to saving money, any sort of meal planning is the most useful strategy.

When it comes to saving money, any sort of meal planning is the most useful strategy.

Based on the trends of my affinity map, I’ve noticed that meal planning helped my interviewees keep their spending within their budget by excluding excessive purchases while also helping them reap other benefits.

As for the common themes

Less wasted food, less wasted money

Users feel that wasting food is like throwing money down the drain.

Meal planning helps to prevent produce from going bad in the fridge.

When following a meal plan, users will only purchase what they need.

Easier and more convenient

It helps users in making decisions for the upcoming week, thus reducing stress.

Users feel they can reclaim a little of their time by planning ahead.

Knowing what to expect helps to manage the many responsibilities of being an adult.

Balanced and diversified diet

Users become bored of consuming the same foods they are already familiar with.

Planning makes it easier to cook a wider variety of unique dishes.

Users search for new recipes to try and plan accordingly, making things less mundane.

FOLLOWED BY

Being on the lookout for low prices

Being on the lookout for low prices

Being on the lookout for low prices

So how and why do users struggle?

The main strategies are planning meals and being on the lookout for sales, either for a specific discounted ingredient or based on meals they want to eat. Either way, it helps create a shopping list, only buying what you need and saving money.

The struggle?

Being on the lookout for sales or trying to find the cheapest ingredient for that one recipe. It adds stress, and it takes time.

Partial solution

Using existing apps that compare prices across different supermarkets and show items on sale.

Why partial?

You still have to manually input each item and cross-check it with your grocery list. Essentially, you're creating an entirely new list on a separate app or website.

􀐫

Time consuming

Users constantly feel the need to search for the best deals across different stores.

􀛩

Tiresome

The effort to plan any meals has to be followed by scouting the best prices by using different websites or apps.

􀋦

Stressful

Managing multiple tools for a task they see as essential makes some users feel their efforts are disproportionate.

COMPETITIVE ANALYSIS

Current offers don't consider meal planning as a budget solution.  

Current offers don't consider meal planning as a budget solution.  

Current offers don't consider meal planning as a budget solution.  

There is no shortage of apps to help you plan your meals, create grocery lists from said meals, or even compare product prices across different stores. However, for adults trying to manage both their time and budget, it can be challenging and demanding to have to resort to various services and tools to try and keep their sanity.

By either prioritizing health and joy for food or focusing on money saving, no app offers a solution that addresses both.

GOALS

How can we improve grocery shopping on a budget?

How can we improve grocery shopping on a budget?

How can we improve grocery shopping on a budget?

Convenient

From planning meals to creating a descriptive list with prices, all with a few taps.

Helpful

Reduce stress associated with planning a grocery trip and being mindful of a budget.

Balanced

Help users find excitement in meals and prevent it from feeling like a mundane task.

  • Liliana

    Age: 39 years old 

    Hometown: Porto, PT 

    Family: Single, lives with daughter

    Occupation: Teacher

    “The day-to-day is a hustle and bustle. I like to find solutions that bring me rest.”

    􀁣 Goals and needs

    Liliana is a single mother with a busy week ahead. She prioritizes planning her meals and saving time-consuming tasks for the weekend. Maximizing her salary is important, so she needs to plan her purchases with the lowest budget possible for her weekly trips to the supermarket.

    􀀲 Frustrations

    Liliana has limited free time and finds it frustrating to spend hours comparing prices and looking for promotions for her weekly grocery trip. She needs a simple solution to easily determine the total cost.

  • Eduardo

    Age: 27 years old 

    Hometown: Braga, PT 

    Family: Single, lives alone 

    Occupation: Illustrator

    "I need to save money but I want to avoid having a limiting mindset."

    􀁣 Goals and needs

    Eduardo follows a vegan and sustainable lifestyle but struggles with meal planning and finding new recipes. He is on a tight budget and shops at multiple supermarkets to take advantage of the best promotions. He needs to find cost-effective solutions and understand which stores offer the best prices for the items he needs to purchase.

    􀀲 Frustrations

    Eduardo tries to vary his diet by finding new recipes every week. He wants it to be easier and faster to make a shopping list based on the new recipes he chooses and the best deals available.

USER PERSONAS

  • Liliana

    Age: 39 years old 

    Hometown: Porto, PT 

    Family: Single, lives with daughter

    Occupation: Teacher

    “The day-to-day is a hustle and bustle. I like to find solutions that bring me rest.”

    􀁣 Goals and needs

    Liliana is a single mother with a busy week ahead. She prioritizes planning her meals and saving time-consuming tasks for the weekend. Maximizing her salary is important, so she needs to plan her purchases with the lowest budget possible for her weekly trips to the supermarket.

    􀀲 Frustrations

    Liliana has limited free time and finds it frustrating to spend hours comparing prices and looking for promotions for her weekly grocery trip. She needs a simple solution to easily determine the total cost.

  • Eduardo

    Age: 27 years old 

    Hometown: Braga, PT 

    Family: Single, lives alone 

    Occupation: Illustrator

    "I need to save money but I want to avoid having a limiting mindset."

    􀁣 Goals and needs

    Eduardo follows a vegan and sustainable lifestyle but struggles with meal planning and finding new recipes. He is on a tight budget and shops at multiple supermarkets to take advantage of the best promotions. He needs to find cost-effective solutions and understand which stores offer the best prices for the items he needs to purchase.

    􀀲 Frustrations

    Eduardo tries to vary his diet by finding new recipes every week. He wants it to be easier and faster to make a shopping list based on the new recipes he chooses and the best deals available.

DESIGN

Simpler is better

Simpler is better

Simpler is better

I initially considered adding an automatic grocery list feature that would recommend products. However, I realized this could complicate the app and make it less user-friendly.

I was also concerned about whether the algorithm would accurately learn user preferences and distinguish between essential items and cheaper alternatives.

Ultimately, I decided that maintaining simplicity would be more effective, opting for a more straightforward app that would be more convenient in the long run.

TESTING + IMPROVEMENT

Three design improvements

Three design improvements

Three design improvements

After continuous testing, I made three significant improvements to the app's design by iterating on different solutions. As a reminder, the basic premise of PlanoMais is the ability to plan your meals across a timeline and create shopping lists across different stores.

Your weekly view

Initially, I designed this screen to resemble a physical planner, aiming to combine familiarity with simplicity. However, I soon realized this layout wasn’t as adaptable to growth as I had hoped, compromising its clean appearance.

I also started with a bottom tab for all weekly planner actions, but this approach proved confusing and visually overwhelming. Consequently, I have restructured the design so that the main actions take center stage with dedicated space, while secondary actions are kept in the background.

Your shopping lists

The main screen for shopping lists is designed to highlight the choice between splitting your groceries across multiple stores or choosing just one supermarket. In the initial iteration, the design felt overly simplified and ineffective, lacking sufficient guidance for users to explore the app’s features.

The latest version is more efficiently organized, with clearly highlighted sections that help users understand their options. This updated layout also accommodates additional features important to users, such as creating separate manual lists, while maintaining a clean and intuitive interface.

Removal of bottom navigation

I initially designed the app with bottom navigation, prioritizing rules and standard patterns instead of the user's needs. I soon realized that this approach disrupted the app's flow and hindered the user's intended actions.

Switching to a side menu shifted the focus to the task at hand, allowing main actions to take center stage and simplifying the overall user experience.

FINAL PRODUCT

Plan more, with less effort

Plan more, with less effort

Plan more, with less effort

Drag and drop

Drag and drop

Manage your lists quickly and easily by dragging products around and mastering your organizational skills.

Manage your lists quickly and easily by dragging products around and mastering your organizational skills.

Drag and drop

Manage your lists quickly and easily by dragging products around and mastering your organizational skills.

Swap or replace meals

Swap or replace meals

Not sold on Wednesday’s lunch? Easily swap, replace, or remove it from your meal plan.

Not sold on Wednesday’s lunch? Easily swap, replace, or remove it from your meal plan.

Swap or replace meals

Not sold on Wednesday’s lunch? Easily swap, replace, or remove it from your meal plan.

Replace your written list with real products

Replace your written list with real products

With just a few taps, browse product options and add a specific item to your list.

With just a few taps, browse product options and add a specific item to your list.

Replace your written list with real products

With just a few taps, browse product options and add a specific item to your list.

For the full experience, check out the prototype in the link below.

REFLECTION

Looking back at the journey

Looking back at the journey

Looking back at the journey

Set research goals.

Asking the right questions, rather than just any questions, is crucial. Understanding your users can be challenging for beginners. What seemed like a simple task turned into a multi-stage effort. My biases restricted the scope of my research — while it was interesting to learn about various users who shared the goal of saving money, I needed more specific criteria. Defining clear research goals and formulating targeted questions helps identify suitable interviewees for the project while reducing the impact of biases.

Explore as many solutions as possible.

After creating numerous wireframe sketches, jotting down side notes, and discarding various ideas, the value of these quick, rough drawings comes to life. While these help envision a possible visual solution, they can also make you question previous functional decisions. What seemed like a good idea before may not be a good idea when put on paper. It can be tiring to consider almost every possible option and revisit all previous ideas. But at this stage of my transition into UX/UI, my mind is not yet trained to anticipate what will work and what won't. Putting in the hours is crucial.

Critical thinking is part of the process.

After familiarizing myself with the field of UX/UI during my previous project, I found it easier to start and immerse myself in the work. While there is always more to learn - as is the nature of the field - the knowledge I gained gave me the confidence to review my previous work. Standard processes are valuable, but they should not be followed without purpose. It is crucial to approach each project with a critical mindset, adapting as needed rather than simply checking off tasks. It's not about cutting corners but fully understanding and utilizing every available tool. The process itself is an opportunity for iteration and improvement.

Your weekly view

At first, I designed this screen with the intent to mimick a physical planner, bringing both familiarity to users as simplicity. However, I realized this layout was not as adaptive to growth as I wished for, losing it’s cleaner appeal in the process.

I also started out with a bottom tab containing all actions for the weekly planner but soon realized it created confusion and was visually overwhelmning. Therefore, all the main actions take now center stage with their dedicated space while secondary actions remain in the background.

Your weekly view

At first, I designed this screen with the intent to mimick a physical planner, bringing both familiarity to users as simplicity. However, I realized this layout was not as adaptive to growth as I wished for, losing it’s cleaner appeal in the process.

I also started out with a bottom tab containing all actions for the weekly planner but soon realized it created confusion and was visually overwhelmning. Therefore, all the main actions take now center stage with their dedicated space while secondary actions remain in the background.

Your shopping lists

The main screen focus of shopping lists is to illustrate the differences between splitting your groceries or choosing only one supermarket. In the first iteration, it all felt too simplified while ineffective, not providing users enough guidance in exploring the app’s capabilities.

The last version is organised in a more efficient way, with each section highlighted while also helping users understand possible actions. This new layout also provided the option to add more features that felt important to users, like having manual/separate lists, while maintaining a clean interface.

Your shopping lists

The main screen focus of shopping lists is to illustrate the differences between splitting your groceries or choosing only one supermarket. In the first iteration, it all felt too simplified while ineffective, not providing users enough guidance in exploring the app’s capabilities.

The last version is organised in a more efficient way, with each section highlighted while also helping users understand possible actions. This new layout also provided the option to add more features that felt important to users, like having manual/separate lists, while maintaining a clean interface.

Removal of bottom navigation

I started designing the app with a bottom navigation, following rules and regular patterns rather than focusing on the user’s needs. I soon realized that this approach was detrimental to the app’s flow and hindered the user’s plan of action.

By using a side menu, the user's focus is on the task at hand, with the main actions taking center stage and the task being simplified.

Removal of bottom navigation

I started designing the app with a bottom navigation, following rules and regular patterns rather than focusing on the user’s needs. I soon realized that this approach was detrimental to the app’s flow and hindered the user’s plan of action.

By using a side menu, the user's focus is on the task at hand, with the main actions taking center stage and the task being simplified.

  • Liliana

    “The day-to-day is a hustle and bustle. I like to find solutions that bring me rest.”

  • Eduardo

    "I need to save money but I want to avoid having a limiting mindset."

  • Liliana

    “The day-to-day is a hustle and bustle. I like to find solutions that bring me rest.”

  • Eduardo

    "I need to save money but I want to avoid having a limiting mindset."

You've reached the end.
Still curious? Say hi ↗︎

© Francisca Correia 2024 

Designed with great care and a sprinkle of insomnia.

You've reached the end.
Still curious? Say hi ↗︎

© Francisca Correia 2024 

Designed with great care and a sprinkle of insomnia.

You've reached the end.
Still curious? Say hi ↗︎

© Francisca Correia 2024 

Designed with great care and a sprinkle of insomnia.