Menu
When ordering a group Starbucks order, users aren’t able to get stars for their order nor easily communicate what they want with their desired customizations.
Create a group order feature in the current Starbucks app that allows users to upload and pay for their own drinks.
Starbucks group order feature is a natural integration for current users. It enables their loyal customer base to easily order as a group all-the-while getting one of the most important things to them – stars.
With over 33,000 locations worldwide and over 8,000 in the U.S. alone, it’s no secret that Starbucks is a trailblazer for the out-of-home coffee experience. With a pretty saturated coffee shop market, I wanted to ensure Starbucks stayed ahead of the pack in this fictitious case study so they can continue being the innovator of the coffee shop experience.
Create a group order on the Starbucks app that enables each user to order, pay, and get stars for their own drinks.
I analyzed data in the form of competitive analysis (those who have a group sharing feature) and quantitative metrics to better understand how users go about utilizing technology as a group.
An initial survey was sent out to interested participants to see if they met the requirements of the target market before being scheduled for a 1-on-1 interview.
I conducted five one-on-one interviews to gain a deeper understanding of my research objectives.
To get an order at the same time with minimum conflict within the group
Since there were so many different users involved in this user experience, I decided to create a storyboard. Using my participants main pain points to better explain how the group ordering Starbucks feature would work.
After getting into the weeds and concluding my initial research, it was time to take a step back and look at things from a higher level. I jotted down the business, customer, and technical goals for this new feature for Starbucks.
To begin the ideation process, I created a swimlane diagram to show the integration of paths of each user that would occur in one group order. The four paths were the Group Creator, the Group Participant, the Starbucks app, and Starbucks Barista. It starts with the group creator and ends with the barista handing off the drinks.
I researched Starbucks’s colors, fonts, illustrations, etc. and decided to create a basic UI kit from there before I even attempted to sketch my low-fidelity wireframes.
The wireframes were created with 4 different users in mind: the group creation screens, the group creator’s group page, the group participant group page, and the non app participant group page.
As I was creating these wireframes, I really had to think through the process even deeper than I ever had before to really understand the interaction users wouldn\ need for this feature to work.
Creating the UI kit beforehand really helped speed up the high-fidelity wireframe process, allowing the feature to feel like a perfect integration with the already existing app.
With my mid-fidelity wireframes, I created an interactive prototype in figma to show and test how the user experience might feel. During this process, I discovered some potential issues that I wanted to test like
Before I began making any changes to the high-fidelity wireframes and prototype, I sorted through the feedback provided to my participants to ensure I didn’t miss anything from the research and that everything was well organized to make my revisions/
Once I had all the key quotes made during each test, I sorted the sticky notes based on commonalities and landed with these five groups:
From my usability test, I analyzed the data and found pain points in which I needed to adapt my prototype.
Although I ‘ve finished testing my initial research goal, there’s still so much I could do if I had a bit more time:
While you’re here, feel free to look at some of the other cool projects I’ve been a part of!
