Dutch Bros

UX Research and Design

Recognizing the need to revamp their website to prioritize the user, we conducted an extensive user experience analysis for Dutch Brothers Coffee. Backed by research, we made recommendations necessary in the website design to enhance the user experience.

User Research and Personas

Heuristic Evaluation

Usability Testing Materials

Testing and Analysis

Information Design
User-centered Design

User Research and Personas

Our subjects were asked to perform three tasks including:

  • Find and explore the drink menu

  • Find the online store to purchase a bag of coffee

  • Find the three core values of Dutch Bros.

Subjects were asked demographic questions along with open-ended questions to address the performance of their tasks and website.

Our data results help curate personas that typically visit the site, along with survey answers which provide insight to improve the user experience.

Heuristic Evaluation

Using a total of 123 guidelines and rating system :  1 (fully compliant), 0 (partially compliant) and -1 (non-compliant).

5  Categories were explored :

  • Home page usability 
  • Navigation and IA 
  • Trust and credibility 
  • Writing and content quality 
  • Page layout and visual design

Data results will be used to inform pain points, research material, and usability tasks. 

Usability Testing Materials

Pre-test Questionnaire

Scenarios/Tasks

  • Purchase Merchandise 
  • Find a dietary restriction item 
  • Locate nearest drive-thru location 
  • Seek a position at headquarters 

Post-test Questionnaire

Observation Sheet

User Feedback

“There were no pictures, ingredient lists, and allergy lists. This could be harmful to someone with allergies” 

“I wish there were pictures and it seemed like a lot of broad items. I looked for the drink through clicking the categories”

Recommendations

  • INGREDIENTS LIST 

Specify what is in each drink and create transparency between your company and the customers. 

  • PHOTO ORIENTED MENU 

Showcase photos of each drink upfront rather than have customers navigate to specific pages.

  • COMBINE SHOP PAGE WITH MAIN SITE 

This removes customer frustrations who were separated from their initial goal when diverted to a separate page.

  • NAVIGATION BAR

Redesign a new navigation bar throughout the site. Many customers want quick answers and having a side navigation bar creates confusion and delay.

  • SEARCH OPTION 

Including a consistent search bar on the site provides a usable function for quick answers.