Building the product from the ground up
Building the product from the ground up
Building the product from the ground up
The app needed to support several ordering scenarios, from quick in-store pickup to delivery and loyalty rewards.
Because the product was being built from scratch, we had the chance to rethink the ordering experience from the beginning.
Working closely with product and UX, we focused on the key moments of the journey: browsing the menu, customising drinks and completing checkout.
The main challenge was keeping the experience fast while still allowing users to explore the menu and customise their order.
The app needed to support several ordering scenarios, from quick in-store pickup to delivery and loyalty rewards.
Because the product was being built from scratch, we had the chance to rethink the ordering experience from the beginning.
Working closely with product and UX, we focused on the key moments of the journey: browsing the menu, customising drinks and completing checkout.
The main challenge was keeping the experience fast while still allowing users to explore the menu and customise their order.
Designing for speed and convenience
Designing for speed and convenience
Designing for speed and convenience
Ordering coffee is usually a quick, habitual action. The experience needed to support that.
One goal was reducing the time between opening the app and placing an order. Features like favourites and previous orders helped returning customers reorder in just a few taps.
Menu browsing also required careful structure. Products needed to stay visually appealing while remaining easy to scan, even with a large menu.
The result was a flow that helps users browse, customise and order quickly.
Ordering coffee is usually a quick, habitual action. The experience needed to support that.
One goal was reducing the time between opening the app and placing an order. Features like favourites and previous orders helped returning customers reorder in just a few taps.
Menu browsing also required careful structure. Products needed to stay visually appealing while remaining easy to scan, even with a large menu.
The result was a flow that helps users browse, customise and order quickly.
Building a scalable design system
Building a scalable design system
Building a scalable design system
Alongside the product, we built a design system from scratch.
As the UI designer on the team, I defined the visual foundations used across the app while collaborating closely with UX and engineering.
Accessibility was also a key requirement. With the European Accessibility Act coming into effect in 2026, the interface was designed to meet accessibility standards from the start.
This foundation made it easier for the team to design and ship new features while keeping the experience consistent.
Alongside the product, we built a design system from scratch.
As the UI designer on the team, I defined the visual foundations used across the app while collaborating closely with UX and engineering.
Accessibility was also a key requirement. With the European Accessibility Act coming into effect in 2026, the interface was designed to meet accessibility standards from the start.
This foundation made it easier for the team to design and ship new features while keeping the experience consistent.
Designing complex product features
Designing complex product features
Designing complex product features
The app supports several features designed around different customer behaviours.
I contributed to key parts of the experience including:
• Delivery, allowing customers to order from nearby stores directly through the app in selected markets
• Rewards, Starbucks’ loyalty program where customers collect points by scanning their SVC card and redeem rewards such as free drinks or discounts
• Scan & Pay, enabling quick in-store payments
• Menu browsing and drink customisation
Each feature introduced different challenges, especially when presenting large amounts of information without overwhelming the interface.
A big part of the work was making sure these features stayed clear and easy to navigate within the overall ordering experience.
The app supports several features designed around different customer behaviours.
I contributed to key parts of the experience including:
• Delivery, allowing customers to order from nearby stores directly through the app in selected markets
• Rewards, Starbucks’ loyalty program where customers collect points by scanning their SVC card and redeem rewards such as free drinks or discounts
• Scan & Pay, enabling quick in-store payments
• Menu browsing and drink customisation
Each feature introduced different challenges, especially when presenting large amounts of information without overwhelming the interface.
A big part of the work was making sure these features stayed clear and easy to navigate within the overall ordering experience.
Improving key journeys through testing
Improving key journeys through testing
Improving key journeys through testing
One journey we revisited was account registration.
The original flow required filling in a long form on a single screen, which made the process harder to scan and complete.
The redesigned version breaks the process into smaller steps, helping users understand what information is required at each stage.
This structure makes the flow easier to follow and reduces friction during account creation.
One journey we revisited was account registration.
The original flow required filling in a long form on a single screen, which made the process harder to scan and complete.
The redesigned version breaks the process into smaller steps, helping users understand what information is required at each stage.
This structure makes the flow easier to follow and reduces friction during account creation.
Designing the product while building the design system required close collaboration between design, product and engineering.
Creating clear foundations early helped the team move faster while keeping the experience consistent as new features were introduced.
The project reinforced how important scalable systems are in complex products that continue evolving over time.
