
🍃 With Love
A mobile app concept to store Family Recipes for generations
Role:
Product Design
Timeline:
March - April 2025
Skills:
UX design, UI Design, Illustration

🍃 With Love
A mobile app concept to store Family Recipes for generations
A mobile app concept to store Family Recipes for generations
A mobile app concept to store Family Recipes for generations
ROLE
ROLE
ROLE
UX Designer
Product Designer
UX Designer
TIMELINE
TIMELINE
TIMELINE
March-April 2025
March-April 2025
March-April 2025
SKILLS
SKILLS
SKILLS
UX design, UI Design, Illustration
UX design, UI Design, Illustration
UX design, UI Design, Illustration



⧉
⧉
Table of Contents
Table of Contents
Table of Contents
1
1
1
Introduction
Introduction
Introduction
2
2
2
The Research
The Research
The Research
3
3
3
Designing the Experience
Designing the Experience
Designing the Experience
4
4
4
The Final Prototype
The Final Prototype
The Final Prototype
5
5
5
Lessons Learned
Lessons Learned
Lessons Learned

01
A Peek Into My Design Process
Technology now has a lot of benefits. Digitalizing these recipes can preserve the family culinary history for many generations to come.
Technology now has a lot of benefits. Digitalizing these recipes can preserve the family culinary history for many generations to come.



Most of the time, when the older generation is gone, so are their recipes, quietly disappearing with the aroma of their kitchen and the stories they never wrote down.
Most of the time, when the older generation is gone, so are their recipes, quietly disappearing with the aroma of their kitchen and the stories they never wrote down.

01
A Peek Into My Design Process
THE CHALLENGE
THE CHALLENGE
How can I help families preserve the family recipes and their stories and make it easier for any generations to use?
How can I help families preserve the family recipes and their stories and make it easier for any generations to use?
The considerations I took:
The considerations I took:
Make adding the recipes easier with just a few steps.
Give it a personal touch to add a memory or a story for each recipe.
Make adding the recipes easier with just a few steps.
Give it a personal touch to add a memory or a story for each recipe.
THE SOLUTION
THE SOLUTION
TECHNOLOGY TO THE RESCUE
TECHNOLOGY TO THE RESCUE
With Love is an app that provides an opportunity to digitalize and store the recipes with a personal touch and share it among family members.
With Love is an app that provides an opportunity to digitalize and store the recipes with a personal touch and share it among family members.

The Research
The Research
I conducted interviews among 15 university students between the age of 21 to 33 to understand their needs, expectations and emotions and here are some notable answers I received.
I conducted interviews among 15 university students between the age of 21 to 33 to understand their needs, expectations and emotions and here are some notable answers I received.



The findings gave a clear picture of what the user pain points and expectations were.
The findings gave a clear picture of what the user pain points and expectations were.
01
A Peek Into My Design Process

01
A Peek Into My Design Process
User persona
User persona
User persona



01



Competitor Analysis
Competitor Analysis
Competitor Analysis
I conducted the competitor analysis on existing apps to find out how I can make With Love app better.
I conducted the competitor analysis on existing apps to find out how I can make With Love app better.


Designing the experience
Designing the experience
I designed the entire flow with first-time users and older generations in mind. The priorities were to keep it minimalist, warm tone, and simple. These are the multiple versions of the homepage, and the first one was selected by participants because of the playful approach.
I designed the entire flow with first-time users and older generations in mind. The priorities were to keep it minimalist, warm tone, and simple. These are the multiple versions of the homepage, and the first one was selected by participants because of the playful approach.
A Peek Into My Design Process

01
Design System
Design System
Design System
The idea is to give users the emotions of warmth, nostalgia and playfulness. So I created the experience with the following combinations.
The idea is to give users the emotions of warmth, nostalgia and playfulness. So I created the experience with the following combinations.
FDF6EC
FDF6EC
FDF6EC
18881F
18881F
18881F
364B34
364B34
364B34
999999
999999
999999
Buttons
Buttons
Buttons
Buttons
Buttons
Buttons
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Typography
Typography
Typography
Buttons
Buttons
Buttons
UI Components
UI Components
UI Components
Colour-styles
Colour-styles
Colour-styles
Mascots
Mascots
Mascots
Heading 3
Heading 3
Heading 3
Paragraph
Paragraph
Paragraph
Top bar
Top bar
Top bar
Popsicle
Popsicle
Popsicle
A recipe book
A recipe book
A recipe book
Dumpling
(not an onion😅)
Dumpling
(not an onion😅)
Dumpling
(not an onion😅)
Bottom bar
Bottom bar
Bottom bar
18:27
18:27
18:27
🍃 With Love
🍃 With Love
🍃 With Love



Home
Home
Home
Recipes
Recipes
Recipes
Add
Add
Add
Favourites
Favourites
Favourites
Family
Family
Family
A Peek Into My Design Process

01
Wireframes
Wireframes
Wireframes



A Peek Into My Design Process

01
A Peek Into My Design Process


Thank you for reading
Thank you for reading
Lessons Learned
Lessons Learned
The app is close to my heart as it tries to save the emotional and traditional values of Culinary culture. The process of design helped me understand how emotions can play a huge role in design and helped me grow as a designer—also tried illustrating the mascots for the first time in Figma.
What’s next:
adding the recipes through scanning the papers from Recipe books.
testing the ease of use among different generations.
The app is close to my heart as it tries to save the emotional and traditional values of Culinary culture. The process of design helped me understand how emotions can play a huge role in design and helped me grow as a designer—also tried illustrating the mascots for the first time in Figma.
What’s next:
adding the recipes through scanning the papers from Recipe books.
testing the ease of use among different generations.
Previous
Next
