Background
Dutch Bros
User-Centered Website Re-Design Mockups
Overview
As a team of four, together we worked on UX design research both
collectively and as individuals. We were given the task to re-design Dutch Bro’s
website to be user-centered. Dutch Bro’s website was very successful in strictly
UI but most basic navigation was found to be confusing. As of a result of our
user research, surveys, heuristic evaluation and usability testing redesign
mockups were created individually.
Path 184
ROLE: UX Designer
RESPONSIBILITIES: User Research, Usability Testing, Mockups
TIMELINE: 2 months (March - April 2020)
TOOLS: Adobe XD, Adobe InDesign, Adobe
Photoshop, user research, surveys, personas,
heuristic evaluation, usability testing and analysis
User Research
- Google Forums
- 14 questions
- text placeholder, multiple choice,
numerical scale(1-5)
- 24 responses (6 each)
SURVEY RESULTS CREATED… HEATHER!
dutchBrosPersona1
HEURISTIC EVALUATION
Screen Shot 2022-09-03 at 12.01.34 AM
USABILITY TESTING

- Google Forums
- 10 users (2 or 3 each)
- Pre and Post test (multiple choice/short answer)
- 4 scenarios/tasks
Determine site and current feature usability as well
as any problems or missing features Dutch Bros website.


GOAL
Daily internet usage:
6+ hours (5 users)
3-5 hours (4 users)
1-3 hours (1 user)
RESULTS

- Gather demographic and psychographic
data about user.
- Determine familiarity of site
- Test main functions of site
- Test areas of site where users are likely to
have problems
- Real time testing
-Qualitative and quantitative data collected
METHODOLOGY
Age:
Aged 35+ (5 users)
Aged 25-35 (1 user)
Aged  18-24 (4 users)
Online shopping frequency:
A few times a month (6 users)
A few times a year (3 users)
A few times a week (1 user)
Screen Shot 2022-09-03 at 12.53.08 AMScreen Shot 2022-09-03 at 12.52.53 AM
SCENARIO RESULTS
(view & purchase coffee)
100% success rate
Average time spent: 1 minute 43 seconds

Users found it…
“Confusing, puzzling, frustrating” (4 users) or
“Easy, simple” (6 users)
(find dairy-free drinks)
40% success rate
Average time spent: 2 minutes 26 seconds

Users found it…
“Frustrating, ultimately giving up” (9 users) or
“Slightly frustrating” (1 user)
(view location & hours)
100% success rate
Average time spent: 1 minute 4 seconds

Users found it…
“Very easy, had no problems” (10 users)
(view coffees then menu)
60% success rate
Average time spent: 1 minute 52 seconds

Users found it…
“Frustrating, confusing, difficult” (9 users)
“Very quick and easy” (1 user)
1
4
3
Screen Shot 2022-09-03 at 1.24.45 AMScreen Shot 2022-09-03 at 1.24.39 AM
2
Screen Shot 2022-09-03 at 1.24.32 AMScreen Shot 2022-09-03 at 1.29.30 AM
RECCOMENDATIONS
Path 185

MOCKUPS

Path 155icon-linkedin
SIENA HOOPER
icon-instagramArtwork 36
480-823-4555
Screen Shot 2022-09-03 at 12.00.58 AMsheet-g7a1c86f27_1280
What is your name?
What is your gender?

What is your highest completed level of education?

What is your current occupation?

How comfortable are you with using the computer?

Do you use programs like Word and Excel on a regular basis?

Approximately how many hours a day do you spend on the internet?

What websites do you frequently visit?

How familiar are you with the Dutch Bro’s website?

Have you visited any other coffee company’s website?
  

If you’ve visited the Dutch Bro’s or any other coffee company’s

What would you visit the Dutch Bro’s website for?

What features should be on a coffee company’s website that

What is your age?

If so, which one and how frequently?

website, what was it for?

would be useful for you?

HOMEPAGE
MENU
SHOP
ABOUT
TEAM
INDIVIDUAL
USER RESEARCH SURVEY/DATA
REDESIGNED MOCKUP
PERSONAS
USABILITY TESTING/DATA
HEURISTIC EVALUATION
SURVEY/TESTING COLLECTION
———————————————————————————
Artwork 1
PORTFOLIO
RESUME
Web 1280  1Web 1280  2Web 1280  3Web 1280  4