UX research, UX/UI design, wireframing, prototyping, and accounting for accessibility
Buying concert merch could be a lot more enjoyable. There's almost always a long line, and on top of that, it can be difficult to see what options are even available and how much they cost without standing in line beforehand.
Long Lines
If users could reserve their purchase and pick it up when they’re ready they’d be more inclined to quickly buy it and spend more time enjoying the show
Unclear Details
If users could easily preview the designs, prices, and even material details of available products without waiting in line, they’d be more inclined to browse the selection.
Missing The Show
If users could quickly check out the merch on an app, they wouldn’t have to worry about losing their spot or missing the show from waiting in the merch line.
Selling Out
It would be easier for users to reserve their merch and pick it up at any point during or even after the concert without having to worry about the item they want being sold out before they get a chance to buy.
Age: 23
Education: University Of Illinois
Hometown: NYC
Family: Single, lives alone
Occupation: Nurse
Toni works the overnight shift 3 days per week as an ICU nurse. Because her job can be very stressful, she likes to make every moment outside of work as easy on herself as possible.
Toni loves music and attends many live shows. She likes to buy merch to support her favorite bands but she often gets discouraged by long lines. She would like to spend more time enjoying the show and less time waiting in the merch line. She would be interested in buying merch more often if the line wasn't so long.
Goals
Enjoy a healthy work/life balance
Minimize the amount of effort needed to enjoy a show
Seamlessly purchase concert merch
Frustrations
Concerts are usually overcrowded and filled with long lines
No viable way to buy merch without standing in line
"I love getting a souvenir whenever I get to see a show, I just wish the line wasn't so long." - Toni
Age: 36
Education: Master's Degree
Hometown: Seattle
Family: Married With Children
Occupation: Teacher
Dan is a teacher who likes to attend live events with his wife and 2 kids. Exploring the venue while taking care of his little ones can be a hassle.
He wishes there was a way to better understand the product details (mainly pricing, sizing, and graphics) of souvenirs being offered without having to leave his seat and wait in long lines.
Goals
Enjoy the full spectrum of offerings at live events
Become more aware of items that are available for purchase
Quickly understand pricing information and product details
Frustrations
Has trouble seeing merch prices and selections without standing in line first
Prefers to see product details before making a purchase
"I would definitely buy more concert merch if I had the chance to see it up close before I got in line." - Dan
A user journey detailing the process of buying merch at a concert...
...compared to a user journey detailing the process of buying and picking up merch via the app.
Users should be able to spend less time looking at the app and more time looking at the stage.
The design places an emphasis on straightforward product details and clear product photos.
The checkout process results in a QR code that users will bring to the concert merch stand where they can receive their purchase at any point before, during, or after the show.
Simple and straightforward user flow that depicts selecting an item and checking out
Study Type: Unmoderated Usability Study
Location: United States, Chicago
Participants: 5 participants
Length: 15 Minutes
Users like the idea of a merch app and find the concept to be useful
Users would enjoy a search button and the app navigation could be more in depth overall
Users find the checkout feature convenient and simple to use but the design could use more negative space
The design system focuses not just on minimalism, but visibility as well.
Most concert venues tend to be dark, therefore the app needs to be as bright as possible without becoming unpleasant. The white/blue contrast was accessibility tested and found to be compliant with WCAG guidelines.
After the usability study, the first goal was to make the app easier to navigate.
By giving users an actual home page instead of automatically loading a product screen, users have more control over their individual journey.
The second goal was to make the app more visually appealing and less overbearing by using more negative space and contrast
New and improved user flow with the same straightforward functions, but more options for navigation.
The app should be brightly colored considering that it can sometimes be dark in concert venues therefore a darker app might be difficult to see.
The UI design should have a high level of contrast considering that users will need to be able to see product photos and details very clearly in order to be confident in their purchase.
Hierarchical focus. The QR system should be as simple to understand as possible seeing that concert goers can have a very wide age range.
All users who tested the app agreed that they would definitely prefer using the app at a concert instead of waiting in line. All users felt that the app would save them a ton of time and anxiety.
The first step would be to partner with a band or artist and add actual product to the app for a tour.
The next step would be to conduct a usability study at an actual concert with actual fans
The last step would be to refine the app again based on feedback from the concert usability study.
This project was concepted and completed for the Google UX Design Specialization