Website Redesign

Overview

The goal of this project was to improve Dutch Bros' user experience and user interface. Adobe photoshop was used to create the final site comps.

View Final Site Comps

Project
Description

The first step was to perform user research. Ten people were interviwed and two personas were created based on the target audience and their preferences regarding drinks. The second step was to perform a heuristic evaluation to identify problems in the Dutch Bros' website design. Based on the results, a usability test with four scenarios was developed and eight participants were gathered to perform the tests.

Finally a data analysis was performed, in which we discovered relevant findings about the Dutch Bros website and several recommendations for improvement were proposed and discussed. Add a disclaimer that some changes have been made, the search bar, and fix the "rewards and add prices"

Findings that were discovered:

  • The design of the shopping page makes it difficult for users to navigate back to the main website pages
  • The website does not offer a search option/search bar to directly and easily navigate specific terms/items
  • Important links, such as the “rewards” are in the footers of the site’s pages
  • The layout of the “Full Menu” page is inconsistent and does not offer filters

Recommendations for improvement:

  • Implement the use of filters so users can refine their search results and find or exclude ingredients in a quick and easy manner
  • Move the “Rewards” link to the main navigation so it is more accessible

Final Designs

The first step was to perform user research. Ten people were interviwed and two personas were created based on the target audience and their preferences regarding drinks. The second step was to perform a heuristic evaluation

Homepage - Mockup
Dutch Bros Homepage Mockup
Homepage - Dutch Bros Site
Dutch Bros Homepage

The first step was to perform user research. Ten people were interviwed and two personas were created based on the target audience and their preferences regarding drinks. The second step was to perform a heuristic evaluation

Menu Page - Mockup
Dutch Bros Menu Page Mockup
Menu Page - Dutch Bros Site
Dutch Bros Menu Page

The first step was to perform user research. Ten people were interviwed and two personas were created based on the target audience and their preferences regarding drinks. The second step was to perform a heuristic evaluation

Drink Page - Mockup
Dutch Bros Drink Page Mockup
Drink Page - Dutch Bros Site
Dutch Bros Drink Page

The first step was to perform user research. Ten people were interviwed and two personas were created based on the target audience and their preferences regarding drinks. The second step was to perform a heuristic evaluation

Shop Page - Mockup
Dutch Bros Shop Page Mockup
Shop Page - Dutch Bros Site
Dutch Bros Shop Page