TL; DR —

Designed a Blue Bottle Coffee App to allow customers to order ahead of time at a popular coffee shop chain. Created a personalized experience for users to order drinks with customization, location selection, checkout, and receipt after researching the user journey.

ROLE —

Individual Project

TIMELINE —

March 2019

COMPANY —

Not Affiliated

 
 
 
 

 

brainstorming

 
Artboard%2B%25E2%2580%2593%2B4.jpg
 

REQUIREMENTS

Needed to include (1) a home screen with selections and pictures, (2) customization including size, temperature, milk/cream, & espresso, (3) pickup with location map, date, & time, (4) checkout with order details, price, tax, & total, (5) add card with first name, last name, card #, expiration date, & cvv, and (6) view order to see time until ready and overview.

 
 
 
 
 
 
Artboard – 1.png

In the spirit of the design challenge, I limited my timeline to only 5 hours to complete the app design.

 
 
 
 

wireframes

01

wireframesbluebottle_0000_home_wireframe.png

home

02

customize

03

pickup

04

wireframesbluebottle_0002_order_wireframe.png

check out

05

payment

06

view

 

 
 
ezgif.com-gif-maker.gif
 

solution

Final screens for the Blue Bottle Coffee App. I learned a lot through the process about how to design multiple iterations and that some screens need to have different states based on the timeline (such as how the home page needed 3 iterations for null, item in cart, and order pending).

 
 

 

final designs

01

home

02

customize

03

pickup

04

check out

05

payment

06

view

 

 
 

next steps

If I were to continue working on this project, I would love to add a personal account login that allows you to earn points for your orders and have saved presets.

 
 
 
 
 
LOGO2Artboard 1 copy 3.png
 

contact

Email: aegoldbe@usc.edu

Linked In: https://www.linkedin.com/in/alyssa-goldberg/

Phone: (972) 786-2001