Be My Fridge

UX / UI Design - Case Study

Project Overview

This is a UX/UI Project for Be My Fridge. The idea is to create an app for a convenient and efficient refrigerator organizer. The app, Be My Fridge helps users add, shop, and organize their groceries easily. The efficient way of organizing inventory will lead to saving money and a healthy lifestyle. 

3_3_2_Yeo_Ashley_case-study5.jpg

Problem

 

Organizing a fridge can be challenging on a busy day. Sometimes it is hard to know if you had a certain item in the refrigerator. You end up wasting so much food and money. 

Project Type: UX/UI Design Case Study     
Role: UX Research, Visual Design,    
Duration: Feb  - May 2021   
Tool: Figma, Adobe XD, InVision, Adobe Illustrator

3_3_2_Yeo_Ashley_case-study5.jpg

Solution

 

The solution is to use an app that helps you organize and manage your groceries in the refrigerator. The app displays a list of items in the fridge and notifies expired items. You can also shop via the app when things are

low in stock. 

3_3_2_Yeo_Ashley_case-study6.jpg

User Research - Pain Points

Target Audience Research

Infographics of target audience research based on the 8 participants

6_2_2_Yeo_Ashley_case-study-MIDTERM.jpg

Competitive Analysis

3_3_2_Yeo_Ashley_case-study9.jpg

User Persona

3_3_2_Yeo_Ashley_case-study10.jpg

User Story

3_3_2_Yeo_Ashley_case-study11.jpg

User Task Flow

Task 1.  Add new items  

Task 2. Organize the refrigerator

Task 3. Get News and Tips

Task 4. Shop Groceries

5_2_2_Yeo_Ashley_case-study.jpg
5_2_2_Yeo_Ashley_case-study2.jpg
5_2_2_Yeo_Ashley_case-study3.jpg
5_2_2_Yeo_Ashley_case-study4.jpg

Low -Fidelity Wireframes

Branding 

The style guide includes the chosen typography, colors, and logos. 

3_3_2_Yeo_Ashley_case-study20.jpg
3_3_2_Yeo_Ashley_case-study19.jpg

Logo Design

The logo design includes the chosen typography, colors, and logos anatomy.

3_3_2_Yeo_Ashley_case-study21.jpg
3_3_2_Yeo_Ashley_case-study22.jpg
3_3_2_Yeo_Ashley_case-study23.jpg

High -Fidelity Wireframes

User Test

3_3_2_Yeo_Ashley_case-study27.jpg
3_3_2_Yeo_Ashley_case-study28.jpg
3_3_2_Yeo_Ashley_case-study29.jpg
3_3_2_Yeo_Ashley_case-study30.jpg

Mockups

mockup b my fridge.png
mockup-bemyfridge.jpg
mockup3.jpg