This project was completed as part of FIT's UI certification program.
Current website feels generic and doesn’t align with Starbucks creative expression.
A more playful and visually engaging look that uses illustrations and variants of Starbucks iconic green to achieve a more inviting look.
Product Designer
Interaction, Visual design, Prototyping & Testing
June - August 2020
I created screens for wireframes to represent the the design layout, the flow between screens and it's functional representation
Roboto is a web friendly sans-serif font with a dual nature. It’s friendly and open curves makes it a great choice for web and mobile.
The first MVP included 2 basic functions: find a store and add to cart
A component card is used for the promotional content on the home screen allowing consistency while the user scrolls down the page. Illustrations keep the experience engaging.
Dropdown menu allows users to choose a suggested location after typing a few letters. Active and inactive states are use on the filter screen to help user know which filters have been selected.
All sections and flows are the same between mobile and desktop, with both screen sizes featuring different content flow for better visualization and usability.
On the product description page the selection for drink size and temperature changes between mobile and desktop. For the desktop version, the user can go up and down a measurement scale to choose the size and temperature of the drink.