SPIKE COFFEE
UX | UI
Individual Project
Role: Lead Designer
Skills: Figma | Photoshop | Illustrator
Overview.
Spike Coffee app is a customer loyalty app to help manage and enjoy the membership benefits. Also, to enhance the usability of the customers.
User Problem.
"There are no options for a notification setting but only to turn on or off. So I usually turn it off so I don’t get destructed by every alerts. But I get disappointed when I miss good promotions.“
- Ben (29)
“I cannot tell whether an item would be out of stock.
I don’t want to waste my time and effort to go to a cafe and don’t find what I expected.“
- Stella (25)
Persona.
BEN
Age: 32 | Occupation: Accountant
Ben works as an Accountant and he loves to enjoy the promotions of his needs as much as possible. However, he gets frustrated that it is either to turn on or off the notification on a cafe app and he misses good promotions because he turned off the notifications for he doesn’t want unnecessary alerts. He wants to selectively choose the notification for ads and promotion of his desire and not get destructed by uninterested ads at any time.
Frustration
1) Miss good promotions
2) No options to choose the notifications
STELLA
Age: 29 | Occupation: Marketing Manager
Stella is a marketing manager with busy schedule. She feels disappointed when she goes to a cafe and notices favorite pastry that was available on the app is no longer available after her arrival. It was a low stock pastry, but she could not get any information on the app. She wants to see the inventory indicator and easily find the stores nearby through the app to save her time and effort.
Frustration
1) No stock status
2) Inaccurate and complicated location search
Competitive Analysis. (1)
Starbucks
- Limited options for notification setting
Blue Bottle
- No options for notification setting
McDonald’s
- No options for notification setting
Competitive Analysis. (2)
User Flow.
Wire Frames.
Wire Flows.
Solutions.
Problem 1.
No options to limited options for notifications
Solution 1.
Gain more customers by designing customizable notifications for promotions and events but avoid undesirable alerts
Problem 2.
Want to know the availability of items
Solution 2.
Build trust with customers by providing stock status of each items and help them know what they can get on their arrival
Style Guide.
Components.
Reusing the components over different pages helped to keep the style consistency and save time.
