BANDO CONCERT MERCH
Tool: Figma
YEAR: 2021-2022
Bando is a mobile app designed to de-stress the process of buying merch at a concert. Bando lets you quickly view the details and price points of available souvenirs to purchase and reserve for pickup at the venue merch stand whenever you’re ready.
Responsibilities
UX research, UX/UI design, wireframing, prototyping, and accounting for accessibility
THe Problem
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.
The Solution
Simple UX for an app that allows concert attendees to to view available merch product details, buy directly from the app, receive a QR code, and pick products up at any point during the concert without standing in line.
Understanding the user
Participants who often attend concerts and shows were asked if they enjoyed buying merch when they attend. 4 out of 5 participants answered with a resounding “No”.
When asked what prevented them from buying, their biggest deterrents were the long lines, the expensive prices, and not being able to see what products are available for purchase or how much they cost until you get close to the front of the merch stand.
Pain Points
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.
User Persona: Toni
Toni
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
User Persona: Dan
Dan
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
User Journey
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.
the design
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.
Low Fidelity prototype
Simple and straightforward user flow that depicts selecting an item and checking out
Usability study parameters
Study Type: Unmoderated Usability Study
Location: United States, Chicago
Participants: 5 participants
Length: 15 Minutes
Usability Study Findings
Concept
Users like the idea of a merch app and find the concept to be useful
Navigation
Users would enjoy a search button and the app navigation could be more in depth overall
Checkout
Users find the checkout feature convenient and simple to use but the design could use more negative space
Design System
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.
Mockups
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
High Fidelity Prototype
New and improved user flow with the same straightforward functions, but more options for navigation.
Accessibility Considerations
1.
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.
2.
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.
3.
Hierarchical focus. The QR system should be as simple to understand as possible seeing that concert goers can have a very wide age range.
THE OUTCOME
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.
Next Steps
1.
The first step would be to partner with a band or artist and add actual product to the app for a tour.
2.
The next step would be to conduct a usability study at an actual concert with actual fans
3.
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