Safe & Sound

Drive-in Music Festival Experience

MY ROLE

User Research, Definition & Ideation, Wireframing, Prototyping, Figma Prototyping, Usability Testing, Partial Coded Prototype

TEAM

Steve D., Danielle B., Ricky L.: User Research, Definition & Ideation, Wireframing, Figma Prototyping, Usability Testing

TOOLS

HTML, CSS, JS, jQuery, VS Code, Github, Figma, Miro, After Effects, Photoshop

DURATION

2021 (1 month)

PROJECT TYPE

UX Design

Problem

Per the interviews and survey responses, we discovered that populations from 22~30 years old are generally tired of COVID-19 restrictions and miss the fun activities.

How might we help them find a safe, efficient and entertaining event so those seeking excitement during the pandemic will be motivated enough to attend a no-contact festival?

Solution

We create a website to provide event and ticket information, and an app for attendees to use it in the event for entrance, food ordering and social chat.

Project Preview

Mobile version

Each group can find their dedicated area to park their car and distance with other groups. User can have a chance to socialize with other groups by finding other attendees in the map and have interactions such as messaging and sending food/drink before the event starts or between each performance.

The drone delivery can help attendees reduce the possibility to expose in the danger of Covid-19.

Mockup for ticket

All attendees use the QR code as their E-ticket. Before the user attends the event, they need to register on the app and provide Covid-19 vaccination record in order to enter the event thru fast lane. Without the vaccination record, attendees need to wait in line for quick test result even though they have the Zone 1 ticket with designated check-in time. The event encourages everyone to upload their vaccination card to avoid waiting and get additional discount.

Mockup for food ordering

Mockup for chat feature

Desktop version

67% of people would like to view ticket information on a desktop or laptop

Empathy

Proto Persona

We started our research with Zane Hassel, a 25 year old party animal who is tired of restrictions and needs to find a way to let loose and rock out.

Research Objectives/plan

Safety concerns regarding COVID-19
Their current entertainment methods and if/how they changed due to the pandemic
What would motivate them to attend a no-contact music festival?
What their ideal no-contact music event would look like?

Interview & Survey Questions

See interview plan here.

We planned and conducted 6 interviews with users similar to our proto-persona with the objective to determine what motivates individuals to attend a no-contact music festival during the COVID pandemic.

Survey & Interview Result

Our survey has 80% of people ages from 22-30, showing more than 33% of the people miss the fun activities. Over 48% of people want to have the event inside the vehicle or a fenced area.

Affinity Diagram

Ideal Experience: designated space for parties, drive-in event, sufficient distance, tailgate parking
Safety measures includes: health screening, masking required, food delivery
Frustration includes: high death rate, life change, no more movies and concerts
Motivation includes: loving food, friend gathering, popular musician, show proof of vaccination

Empathy Map

Competitor Analysis

Looking at competitors that offered similar no-contact events gave us inspiration as to what to include in our own designs : A desktop design to order tickets and get important faqs and directions and An app to use during the festival to order food and socialize.

Persona

Definition

Problem Statement

During one-on-one interviews and through online survey responses, we discovered that people are generally tired of COVID restrictions and have exhausted all of their at-home entertainment options. While they are still very concerned about their health and safety during the pandemic, they are searching for a safe, engaging, smoothly run event where COVID safety measures are implemented in a way that will keep them safe but won't prevent them from having a good time. How might we create a website that provides information about a no-contact music festival while reassuring attendees that the event will be safe, efficient and entertaining so that those seeking excitement during the pandemic will be motivated enough to attend a no-contact festival?

Value Proposition

Through interviews and online survey responses, we discovered that people are generally tired of COVID-19 restrictions and have exhausted all of their at-home entertainment options. While they are still very concerned about their health and safety during the pandemic, they would like to find a safe, engaging, smoothly run event where COVID safety measures won't prevent them from having a good time.

Ideation

Brainstorming

From the I like, I wish, what if map, we brainstormed features and ideas we wanted to include in our design:

Prioritization Matrix

From the feature prioritization matrix, we highlighted key features to include in our design:

  • Safety protocols strongly enforced
  • Attendees are able to tailgate and watch the festival from the safety of their vehicle
  • 360 degree stage
  • Designated entrance time block
  • Ordering food from our app and have it delivered by drone
  • Socializing with other attendees
  • Get discount by providing vaccination record or test result

Style Guide

With a clear goal of what we’re building, we took inspirations from different music festival sites. On our style guide, you can see that we’re trying to create an electric, exciting, nightlife kind of feel, and retro style through our visual language. 

Storyboard

Our storyboard shows how Zoey is bored at home, due to COVID, and begins searching for something fun/ safe to do and then finds Safe and Sound music drive in festival.

Wireframes

Task Flow

Drone food delivery starts with Zoey opening the app, clicking the “Food” icon, browsing the menu to make selections, confirming the quantity and price, paying with her card saved during the ticketing process, then confirming her order!

Low-Fidelity Prototype

Based on feedback from user testing we made the change:
Re-designed the food ordering process to select items first then confirm item quantity

Testing & Iteration

Testing Result & Iteration Change

Based on feedback from user testing we made the following changes:

1. Added the username to the food order confirmation to make it clear who the order was going to

2. Added Online/Offline status for user profiles

3. User Profile screen iterations based on feedback

4. Changed food button to food/drink button when ordering for another user

Next Step

  • Combining steps in food ordering process when selecting items and quantity
  • Adding a Live News feed for users to post during the festival to motivate socializing/ initiating chatting
  • Reach out to competitor events to discuss designing a festival app for them

Other Projects