Octagon

Client

Octagon Sports & Entertainment

Location

Remote/Norwalk, CT

Year

2020

Team

User Experience: Me + Taylor Davenport,

Engineering :Ipsita Rao +James White Data: Saiful Hasan

I was selected to participate in a week long design sprint with other GA graduates across UX, Data, and. Engineering. We collaborated to develop an innovative contact-less check in for use at live events.

The Problem Space

The Global CoVid 19 pandemic had a drastic impact on the live event industry

Music and Sports fans are eager to enjoy live events with their favorite groups and teams. Brand activations at these live events require identification, invitations, and access to sharing on social.

Stakeholders and fans alike are seeking safe ways to enter and enjoy events while still being in the moment of fantasy and enjoyment these productions create

How might we help fans safely and enjoyably navigate the check in process ?

The Process

Research

We conducted 10 user interviews amongst those who had attended 8 or more events in a typical year pre-covid. We spoke with everyone from festival goers, to disney diehards and comic-con regulars. From our interviews the following insights were obtained

 

  • Users goers want to feel special at an event 

  • Users hate crowds and lines,

  • Users want to know what to expect in regards to check-in and run of show before they go to an event

  • Users enjoy having physical ephemera related to the event, this includes memorabilia, bracelets, and tickets including event date, location,artwork, and other details.

Define

Moving forward we distilled these insights and details from our user interviews into our persona, Olivia.

Persona: Olivia

User Persona : Olivia (above)  User Journey :Olivia (below)

Olivias initial user journey was mapped so we can fully empathize with how she feels and everything that contributes to her experience in real time as an event attendee.

User Journey: Olivia

Design

Based on these insights we designed

  • Custom wearables and a personalized app

  • Pre- check in and onboarding before the event and a timed entry system

  • An immersive solution on site that makes the entry process enjoyable for Olivia

Product Design Octagon

User Flow

  • Prior to the event, Olivia receives an invitation packet which contains a QR coded mask as well as a physical ticket

  • On the day of the event Olivia checks in online using the go application

  • Once checked in, an arrival time window is provided via a push notification on her phone

  • Olivia arrives at the event and checks in at the immersive kiosk which scans the QR on her pre-authenticated mask

  • Once checked in, the event page on her go app displays her check in information, and a push notification is sent which she can show at a distance to ticket checkers.

Once the design and user flow had been established I created a mid-fidelity prototype in Figma. This prototype was tested with 5 users to validate our design and ensure it was able to be comprehended and used by anyone.

Conclusion

To further validate this user centered design, we presented our findings and proposed design to our data team member. They were able to pull findings on wearables, social distancing, kiosk usage, and other parameters.

Data Masks Wearables + Social Distancing

Data analysis of design elements (above + below)

Data Technological adaptation + Kiosks

Hi Fidelity Prototype

Armed with this deeper understanding of how the concept would be received as well as feedback from user testing, the design was taken to high fidelity in Figma. This design was prototyped and tested with 5 additional users. Feedback obtained was iterated upon resulting in the final design prototype which you can view here. Additionally, the screen recording is below.

Iphone_mockup.png
Task Flow: Olivia

Task Flow (above) Application Prototype demo (right)

Developer Collaboration

Both Ipsita and James were very attentive and communicative throughout the process of our design and validation. After final testing of the prototype we presented them our assets using the Zeplin plugin for Figma. They developed a version of the 'go' application from our research based design and resultant prototype.

As a group, we presented our findings to five other teams as well as three stakeholders from Octagon. For this hackathon competition, our team won 2nd place.