Avola

Avola is an all-in-one grocery management app designed for people who shop regularly. It helps them track and receive reminders for grocery expiration dates, plan meals around their groceries, and manage their shopping lists.

Avola

Avola is an all-in-one grocery management app designed for people who shop regularly. It helps them track and receive reminders for grocery expiration dates, plan meals around their groceries, and manage their shopping lists.

Avola

Avola is an all-in-one grocery management app designed for people who shop regularly. It helps them track and receive reminders for grocery expiration dates, plan meals around their groceries, and manage their shopping lists.

AccordingtotheU.S.Food&DrugAdministration,30%to40%offoodintheUnitedStatesiswasted.Theaveragehouseholdwastesanaverageof6.2cupsoffoodperweek,or322cupsperyear,whichisenoughtofill360medium-sizedtake-outcontainers.

AccordingtotheU.S.Food&DrugAdministration,30%to40%offoodintheUnitedStatesiswasted.Theaveragehouseholdwastesanaverageof6.2cupsoffoodperweek,or322cupsperyear,whichisenoughtofill360medium-sizedtake-outcontainers.

AccordingtotheU.S.Food&DrugAdministration,30%to40%offoodintheUnitedStatesiswasted.Theaveragehouseholdwastesanaverageof6.2cupsoffoodperweek,or322cupsperyear,whichisenoughtofill360medium-sizedtake-outcontainers.

AccordingtotheU.S.Food&DrugAdministration,30%to40%offoodintheUnitedStatesiswasted.Theaveragehouseholdwastesanaverageof6.2cupsoffoodperweek,or322cupsperyear,whichisenoughtofill360medium-sizedtake-outcontainers.

Resources From

MITRE-Gallup

Research

Through my research, I found that no existing groceries management app aligns with users’ habits. The core issue seems to be current technical limitations: apps must choose between accurate expiration dates and a simple upload process. Most prioritize accuracy by requiring users to manually select and confirm details. Although this improves precision, the complex input flow discourages users from continuing to use the app.

Research

Through my research, I found that no existing groceries management app aligns with users’ habits. The core issue seems to be current technical limitations: apps must choose between accurate expiration dates and a simple upload process. Most prioritize accuracy by requiring users to manually select and confirm details. Although this improves precision, the complex input flow discourages users from continuing to use the app.

Research

Through my research, I found that no existing groceries management app aligns with users’ habits. The core issue seems to be current technical limitations: apps must choose between accurate expiration dates and a simple upload process. Most prioritize accuracy by requiring users to manually select and confirm details. Although this improves precision, the complex input flow discourages users from continuing to use the app.

Reminders

Fridge Time

(食光冰箱)

Cooklist

Competitive Analysis

Current grocery management apps on the market are still in a developmental stage, each with noticeable shortcomings.

Reminder apps focus on events, not grocery tracking. Fridge Time limits food input options, while Cooklist’s cluttered layout and slow scanning reduce efficiency and accuracy.

Interview Analysis

Most people lack reliable ways to track groceries expiration; half waste food from forgetfulness, the rest from poor or failed planning.

In the survey about how people remember food storage durations, four participants relied on memory, one organized the fridge, two used meal plans, one used date labels, and one used phone reminders.

Affinity Map

Reminders

Robinhood

Fridge Time

(食光冰箱)

Cooklist

Competitive Analysis

Reminder apps focus on events, not grocery tracking. Fridge Time limits food input options, while Cooklist’s cluttered layout and slow scanning reduce efficiency and accuracy.

Current grocery management apps on the market are still in a developmental stage, each with noticeable shortcomings.

Interview Analysis

Most people lack reliable ways to track groceries expiration; half waste food from forgetfulness, the rest from poor or failed planning.

In the survey about how people remember food storage durations, four participants relied on memory, one organized the fridge, two used meal plans, one used date labels, and one used phone reminders.

Affinity Map

Reminders

Fridge Time

(食光冰箱)

Cooklist

Competitive Analysis

Reminder apps focus on events, not grocery tracking. Fridge Time limits food input options, while Cooklist’s cluttered layout and slow scanning reduce efficiency and accuracy.

Current grocery management apps on the market are still in a developmental stage, each with noticeable shortcomings.

Interview Analysis

Most people lack reliable ways to track groceries expiration; half waste food from forgetfulness, the rest from poor or failed planning.

In the survey about how people remember food storage durations, four participants relied on memory, one organized the fridge, two used meal plans, one used date labels, and one used phone reminders.

Affinity Map

Reminders

Fridge Time

(食光冰箱)

Cooklist

Competitive Analysis

Reminder apps focus on events, not grocery tracking. Fridge Time limits food input options, while Cooklist’s cluttered layout and slow scanning reduce efficiency and accuracy.

Current grocery management apps on the market are still in a developmental stage, each with noticeable shortcomings.

Interview Analysis

Most people lack reliable ways to track groceries expiration; half waste food from forgetfulness, the rest from poor or failed planning.

In the survey about how people remember food storage durations, four participants relied on memory, one organized the fridge, two used meal plans, one used date labels, and one used phone reminders.

Affinity Map

Questions & Solutions

After discovering that no existing groceries app fully meets user needs, I aimed to make Avola stand out by addressing users’ most urgent pain points.

Questions & Solutions

After discovering that no existing groceries app fully meets user needs, I aimed to make Avola stand out by addressing users’ most urgent pain points.

Questions & Solutions

After discovering that no existing groceries app fully meets user needs, I aimed to make Avola stand out by addressing users’ most urgent pain points.

How can we streamline the process of logging expiration dates?
How can we streamline the process of logging expiration dates?
How can we streamline the process of logging expiration dates?
How can we streamline the process of logging expiration dates?
By reducing manual input through simplified steps, accurate defaults, and option-based fields to minimize user effort.
By reducing manual input through simplified steps, accurate defaults, and option-based fields to minimize user effort.
By reducing manual input through simplified steps, accurate defaults, and option-based fields to minimize user effort.
By reducing manual input through simplified steps, accurate defaults, and option-based fields to minimize user effort.
How can we help users plan ingredient consumption more effectively?
How can we help users plan ingredient consumption more effectively?
How can we help users plan ingredient consumption more effectively?
How can we help users plan ingredient consumption more effectively?
By recommending recipes tailored to users’ existing ingredients and eating habits, enabling smarter meal planning and reduced waste.
By recommending recipes tailored to users’ existing ingredients and eating habits, enabling smarter meal planning and reduced waste.
By recommending recipes tailored to users’ existing ingredients and eating habits, enabling smarter meal planning and reduced waste.
By recommending recipes tailored to users’ existing ingredients and eating habits, enabling smarter meal planning and reduced waste.
How can we make the shopping plan more convenient to use?
How can we make the shopping plan more convenient to use?
How can we make the shopping plan more convenient to use?
How can we make the shopping plan more convenient to use?
By adopting a clean, note-like structure and enhancing it with features such as automatic categorization of items by type for easier organization.
By adopting a clean, note-like structure and enhancing it with features such as automatic categorization of items by type for easier organization.
By adopting a clean, note-like structure and enhancing it with features such as automatic categorization of items by type for easier organization.
By adopting a clean, note-like structure and enhancing it with features such as automatic categorization of items by type for easier organization.

User Journey and Personas

I mapped the User Journey to simulate the app experience and capture user states, and created two user personas to better understand my target audience. One is the “easygoing” user, who prefers a full, guided solution and makes few changes. The other is the “detail-oriented” user, who frequently adjusts habits and expects the app to respond to evolving, specific needs.

User Journey and Personas

I mapped the User Journey to simulate the app experience and capture user states, and created two user personas to better understand my target audience. One is the “easygoing” user, who prefers a full, guided solution and makes few changes. The other is the “detail-oriented” user, who frequently adjusts habits and expects the app to respond to evolving, specific needs.

User Journey and Personas

I mapped the User Journey to simulate the app experience and capture user states, and created two user personas to better understand my target audience. One is the “easygoing” user, who prefers a full, guided solution and makes few changes. The other is the “detail-oriented” user, who frequently adjusts habits and expects the app to respond to evolving, specific needs.

User Journey and Personas

I mapped the User Journey to simulate the app experience and capture user states, and created two user personas to better understand my target audience. One is the “easygoing” user, who prefers a full, guided solution and makes few changes. The other is the “detail-oriented” user, who frequently adjusts habits and expects the app to respond to evolving, specific needs.

Ideate

To move the design toward implementation, I defined three key task flows that best represent the app’s core features and created a site map to establish the overall structure.

Ideate

To move the design toward implementation, I defined three key task flows that best represent the app’s core features and created a site map to establish the overall structure.

Ideate

To move the design toward implementation, I defined three key task flows that best represent the app’s core features and created a site map to establish the overall structure.

Ideate

To move the design toward implementation, I defined three key task flows that best represent the app’s core features and created a site map to establish the overall structure.

Task Flow-Upload Groceries

Task Flow-Upload Groceries

Task Flow-Upload Groceries

Task Flow-Upload Groceries

Task Flow-Set a Week Meal Plan

Task Flow-Set a Week Meal Plan

Task Flow-Set a Week Meal Plan

Task Flow-Set a Week Meal Plan

Task Flow-Create a Shopping List

Task Flow-Create a Shopping List

Task Flow-Create a Shopping List

Task Flow-Create a Shopping List

Site Map

Site Map

Site Map

Site Map

Wireframes and Usability Tests

Wireframes were my first step in implementing the design, covering all page layouts included in the task flows. Afterward, I conducted user testing with four participants, who provided valuable feedback—such as the need for clearer explanations on certain buttons and complex steps. I incorporated these insights into the final design.

Wireframes and Usability Tests

Wireframes were my first step in implementing the design, covering all page layouts included in the task flows. Afterward, I conducted user testing with four participants, who provided valuable feedback—such as the need for clearer explanations on certain buttons and complex steps. I incorporated these insights into the final design.

Wireframes and Usability Tests

Wireframes were my first step in implementing the design, covering all page layouts included in the task flows. Afterward, I conducted user testing with four participants, who provided valuable feedback—such as the need for clearer explanations on certain buttons and complex steps. I incorporated these insights into the final design.

Wireframes and Usability Tests

Wireframes were my first step in implementing the design, covering all page layouts included in the task flows. Afterward, I conducted user testing with four participants, who provided valuable feedback—such as the need for clearer explanations on certain buttons and complex steps. I incorporated these insights into the final design.

Logo and Design Language

Logo and Design Language

Logo and Design Language

Logo and Design Language

“Avola” blends “Avocado,” symbolizing perishable foods, freshness, and the app’s green identity, with “Hola,” meaning “Hello.” Together, the name expresses a warm welcome from healthy groceries and habits, reflecting the app’s mission to support better food understanding and eating.

“Avola” blends “Avocado,” symbolizing perishable foods, freshness, and the app’s green identity, with “Hola,” meaning “Hello.” Together, the name expresses a warm welcome from healthy groceries and habits, reflecting the app’s mission to support better food understanding and eating.

“Avola” blends “Avocado,” symbolizing perishable foods, freshness, and the app’s green identity, with “Hola,” meaning “Hello.” Together, the name expresses a warm welcome from healthy groceries and habits, reflecting the app’s mission to support better food understanding and eating.

UI Primary Color

#1B2706

UI Primary Color

#1B2706

UI Primary Color

#1B2706

UI Primary Color

#1B2706

Brand Color

#507F00

Brand Color

#507F00

Brand Color

#507F00

Brand Color

#507F00

Secondary Color

#F2D5EF

Secondary Color

#F2D5EF

Secondary Color

#F2D5EF

Secondary Color

#F2D5EF

Tertiary Color

#D6E15E

Tertiary Color

#D6E15E

Tertiary Color

#D6E15E

Tertiary Color

#D6E15E

Aa

Rubik

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Rubik

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Rubik

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Rubik

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Final Designs

The final design deliverables include animated onboarding illustrations, three task flows, and a video showcasing the app’s detailed features.

Final Designs

The final design deliverables include animated onboarding illustrations, three task flows, and a video showcasing the app’s detailed features.

Final Designs

The final design deliverables include animated onboarding illustrations, three task flows, and a video showcasing the app’s detailed features.

Final Designs

The final design deliverables include animated onboarding illustrations, three task flows, and a video showcasing the app’s detailed features.

Illustration Process
Illustration Process
Illustration Process
Illustration Process
Onboarding Process
Onboarding Process
Onboarding Process
Onboarding Process

The onboarding process sets meal plan preferences by asking users a few brief, targeted questions.

Upload Groceries
Upload Groceries
Upload Groceries
Upload Groceries

Users can upload groceries by taking photos. The app’s built-in AI recognizes the items, estimates expiration dates, and enables one-click, fast grocery entry.

Set a Meal Plan
Set a Meal Plan
Set a Meal Plan
Set a Meal Plan

Users can browse the app’s built-in menu to create a weekly meal plan, helping them use their groceries in an organized, planned way.

Create a Shopping List
Create a Shopping List
Create a Shopping List
Create a Shopping List

Users can plan their shopping using a reminders-style list, and the app automatically recognizes and categorizes the items.

Smart Meals, Less Waste
Smart Meals, Less Waste
Smart Meals, Less Waste
Smart Meals, Less Waste

Avola helps users efficiently use groceries before they expire, providing meal recommendations tailored to their dietary needs and existing ingredients.

Avola helps users efficiently use groceries before they expire, providing meal recommendations tailored to their dietary needs and existing ingredients.

Avola helps users efficiently use groceries before they expire, providing meal recommendations tailored to their dietary needs and existing ingredients.

Reflections

Reflections

Reflections

Reflections

For this project, I started from my own life experiences, identifying pain points and inconveniences, and ultimately chose food management as the focus. As someone who frequently buys groceries to cook, I often purchase excess ingredients due to supermarket discounts and fail to finish them because of poorly planned meal plans. This inspired me to design an app that tracks and reminds users of food expiration dates, helps plan meals to use ingredients efficiently, and organizes shopping lists—a one-stop, end-to-end solution.

For me, this goes beyond saving food and money. it represents a lifestyle choice: taking control of life, resisting consumerism and unnecessary waste, and embracing a more disciplined daily routine. By managing food preparation and consumption more effectively, I aim to take ownership of my life, understand and analyze myself, and cultivate a tangible sense of certainty.

This project boosted my confidence in my design process. Despite challenges—especially making grocery uploads convenient while supporting food tracking—I carefully iterated and successfully created a functional, engaging app I’m proud of.

Create a free website with Framer, the website builder loved by startups, designers and agencies.