Role
As freelance designer I developed and refined the user interface across key sections of the Starbucks app in collaboration with Ekino (Havas).

Skills
App design, interface design, problem solving, collaboration.

Date
Jul 2021 - Aug 2021
Problem
How do we improve the UI of the Starbucks app, prioritising the onboarding, home and rewards sections?

Solution
Design a fresh, clean and scalable interface allowing users to clearly identify key information at a glance by focusing on visuals including:
– Personalisation and sense of achievement
– Increase the sense of warmth and activity
– Play a bigger daily role
Log in & onboarding screens
Starbucks app and the Rewards feature is a tailored experience to the Starbucks customer, delivering great offers the users can access as they collect their Rewards Stars; from birthday drinks to free whipped cream toppings or extra shots of espresso.
In addition to being rewarded, the app allows the user to select their preferences during the onboarding process and also has their favourites in the home section to save time and ensure they alway receive their perfect drink.
Key Screens
The UI development has been incorporated into the brand, thus extending the component library by adding from the Rewards card and Star indicators to gradients, soft corners and drop shadows. And by introducing personalised messages, such as greetings and birthday wishes, the Starbucks app now has more personality and character.
Gold level screen & scroll
To further enhance the experience in the rewards section, I created an in-app rewards card which would give the user a near tangible experience as they progress through stages of collecting Stars. The card features a gradient and logo to create depth as well as displaying the date the user became a member, which conveys the feeling of loyalty. The iconic, bold and familiar Starbucks brand has been considered throughout. To take the app a step further and bring in a more friendly vibe, subtle animated indicators and shimmers have been recommended for future builds.
Rewards screens
Learnings
It was a learning curve to enter a project with a large client at a later stage as a freelancer, working to a tight deadline with multiple presentations throughout. This kept the project on a tight schedule whilst pushing everyone to be as creative and adaptive as possible within the given constraints.
Image: Starbucks

You may also like

Back to Top