top of page
Brown and White Coffee Shop Logo-5.png

Designing a menu and ordering app for a Cafe in Manhattan

Home Screen V.2 (Project #1).png
Product Screen V.2 (Project #1).png
Lock Screen (Project #1).png

Role

Product Designer, User Research, Interaction, Visual Design, Prototyping & Testing

Responsibilities

Evaluate and research users primary needs that need to be addressed in the user interface. The solution to order a drink/food from the app should be easily accessible while providing helpful features. 

The Grind Cafe is located in Manhattan, NY that serves unique coffee blends that you can't miss out on. The problem is they needed an app that allows users to place a pickup or delivery order while on the go, or simply relaxing 

Personas

pexels-italo-melo-2379004.jpg
Name
Kale Malandro
Age
22
Occupation
Law Student

Kale Malandro is a 22 year old Law School student who lives with 2 roommates. Kale is constantly studying and in between classes he loves to find a cafe that caters both food and drinks. He often doesn’t have time to sit down, so finding something that doesn’t require lots of steps to complete an order is something on the top of his list. Besides that, Kale loves quality drinks and food that is tasteful and makes him want to come back.

“I hate customizing drinks. I want to pick out a drink that tastes good and carry on with my day.”

pexels-olya-kobruseva-4551025.jpg
Name
Lena Udom
40
Age
Occupation
Creative Director

Lena Udom is a 40 year old Creative Director who lives with her 2 kids and husband. The family is always busy with work, sports, and school so having lots of down time is very slim. Lena often never has time to cook, therefore she is looking to find a cafe that is easy to order from and provides visually appealing product images.

“I love a Cafe that includes a modern, easy to navigate menu that I can order quickly and efficiently.”

Competitive Analysis

Competitors Apps (The Grind Cafe).jpg

Takeaways

Key Takeways (The Grind Cafe).png

Core Functions

Core Functions (The Grind Cafe).jpg

User Flow

Brown and White Coffee Shop Logo.png
Brown and White Coffee Shop Logo-2.png

Colors / Fonts

#2C231C
#F49628
#FFFFFF
#564331
Letter - 1-2.jpg

Paper Wireframes

IMG_6664.jpg
Paper Wireframes (Screen Options Cafe in Manhattan).jpg
IMG_6668.jpg

Digital Wireframes

Home Screen (Digital Wireframe - Project 1).png
Drink Screen (Digital Wireframe) copy.png
Screen Shot 2021-09-03 at 8.18.18 PM.png
Screen Shot 2022-06-02 at 10.48.06 AM.png
User Flow (The Grind Cafe).jpg

Logos

I designed these logos and showcased a light and dark version for accessibility purposes.

Usability Findings

Usability findings (The Grind Cafe).png

Key Features

Straightforward Menu
  • Easy menu scroll with all drinks/food presented with a click on any option

  • "Picks You Might Like" that filters food/drink options based on previous orders and likes.

Store Location
  • Accessible flow that enables users to select store for either pickup or delivery

  • Bottom footer that highlights what page users are on

Streamline Checkout
  • Quick checkout process with accessible user flows

  • Directions and timeline when order will be ready (turn notifications on for updates)

Final Screens

Product Screen V.2 (Project #1).png
Lock Screen (Project #1).png
Cart Hi-Fi Screen V.2 (Project #1).png
Store Hi-Fi Screen V.2 (Project #1).png
Iphone mockup Photo (The Grind Cafe).png
Brown and White Coffee Shop Logo-4.png

More Work

Pure Logo (Final).png
MIND LOGO FINAL.png
bottom of page