top of page

My Daily Nosh

My Daily Nosh suggests a recipe and shopping list based on user's budgets, what they have in their fridge and their schedule, diet, and shopping preferences.

DAILY NOSH.png
Group.png
Design Role
・UI Designer
cloud 1.png
Duration & Tools
・3 Days ・Figma

Part 1: Overview

loupe 1.png
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.

idea 1.png
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

target-audience 1.png
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

research 1.png
Provided Competitive Analysis
Untitled (10).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.

Untitled (12).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.

Untitled (13).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.

famous 1.png
Provided User Personas
Created by Antoinette Hocbo
Screen Shot 2021-12-03 at 10.59.43 AM.png
Screen Shot 2021-12-03 at 10.59.10 AM.png
Screen Shot 2021-12-03 at 10.57.58 AM.png

Part 3: Information Architecture

wireframe (1) 1.png
Provided Digital Wireframes
Untitled (14).png

Part 4: Visual Design

XMLID_1580_.png
Provided Brand Assets
Untitled (15).png
Untitled (16).png
XMLID_1580_.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.
Style Tile.png
computer-game 1.png
High-Fidelity Prototype - The Final Design
Signup and Home Screen
Sign up & home screen.png
My Recipes and Shop Pages
My recipes & Shop .png
Fridge Scanner Features
Fridge Scanner.png
Shopping Cart and Past Orders
Shopping cart& past orders.png
bottom of page