
Design Role

Duration & Tools
・UI Designer
・3 Days ・Figma
Part 1: Overview

The Problem
In this bootcamp project, I was provided with background information to improve the giving prototypes, branding and UI to represent their values better. They’re willing to make any necessary stylistic adjustments while maintaining most of its original site map, user flows, and layout.

Solution
Determine a new brand log and a color palette for the brand and adjust current wireframe layouts to meet design requirements.
-
Determine a new brand log and a color palette for the brand and adjust current wireframe layouts to meet design requirements
-
Update beetroot color in original branding to a healthier and more welcoming color
-
Flexible choices for adding grocery products to a list or directly to the cart, as well as the ability to add complete lists or individual items to the cart

Audience
-
Gender: Female
-
Annual Income: $40,000-80,0000
-
Location: Large urban areas, United States (initial marketing and focus is New York City)
-
Interests: cooking, exercise, wellness and health
-
Attitudes: health-conscious, intimidated by cooking, optimistic, ambitious, wants to eat out less, wants to be healthier
-
Challenges: lack of time and resources, lack of skill, experiences social isolation due to urban culture
Part 2: Research & Discovery

Provided Competitive Analysis
.png)
Shopper
Shopper provides information about weekly sales from your preferred retailers and helps you find coupons for the brands you love. You can make multiple shopping lists, look for new recipes, or share your favorite dishes with family and friends on social media. It also has a built-in scanner to scan an item’s barcode.
.png)
SavingStar
Savingstar helps you organize your grocery shopping for maximum savings by letting you link your store loyalty cards to a single profile and giving you a database of digital and printable coupons. If you see a coupon you want to use on the app, you can claim it to add it to your card. The coupon will then be instantly applied when the cashier scans your card at the store. The app also offers you a cashback option for shopping at certain stores, as well as digital coupons for online shopping.
.png)
Checkout51
Checkout51 is great for people who feel that they don't have time to clip coupons and look for deals. It posts an updated list of store offerings every Thursday that are valid until the following Wednesday. After buying the items, you can simply scan your receipt to apply the savings. Once you accumulate $20, you’re mailed a check of your savings.


Part 3: Information Architecture
%201.png)
Provided Digital Wireframes
.png)
Part 4: Visual Design

Provided Brand Assets
.png)
.png)

Updated Style Tile
I redesigned the logo and changed the brand color to orange. It is more friendly and represents freshness more than the original logo and brand color.


High-Fidelity Prototype - The Final Design
Signup and Home Screen

My Recipes and Shop Pages

Fridge Scanner Features

Shopping Cart and Past Orders
