A Drink Ordering App

January 2019

I worked on this UI design exercise during my free time and it is not developed to a real product. My colleagues like drinking coffee and they always order Starbucks coffee, which inspired me to work on the UI of an app to order drinks.

I designed the flow of ordering with reference to that of the Starbucks ordering app in Hong Kong. In the current Starbucks app, the products are categorized into ‘beverage’ and ‘food’ and the drinks were in groups of ‘cold coffee’, ‘hot coffee’ etc. Since I would like to work on a drink ordering app, I removed the ‘food’ category and put drinks into ‘hot drinks’ and ‘cold drinks’ groups.

In the Starbuck app, the users have to pass through the description page of the drink. It will be useful for first-time-customers but frequent customers may find that page unnecessary. Therefore, I put it in the ‘details’ so that users can look for more information whenever they want.

I understand that price is crucial when making a purchase decision, thus, I added a snack bar at the bottom to tell users how much their beverage will cost according to their chosen options.