Kaye Kagaoan
I design for people.
SoFar Color.png

Sofar Sounds

Connecting musicians & audiences at secret shows
(iOS, 2019)

medium sofar cover.png

Brief

Sofar Sounds wants to create a feature that will enable attendees to tip the musicians during and after the event as well as connect with musicians and attendees. My team’s concept gives attendees multiple options for connecting with each other. They can send musicians a tip, drink, or emoji reaction. They can also engage in a pre-show group chat with other attendees before the show.

Scroll down for highlights, or read the full case study on UX Collective:

 

CLIENT

General Assembly (UXDI Project #3)

RESPONSIBILITIES

User Research, Synthesis, Feature Prioritization, Wireframes & Prototype, Usability Testing, Presentation Design

TOOLS

Sketch, InVision, Otter Voice Memos, Camera (iOS)

Timeline

1.5 weeks

 
 

Our Team

project team for portfolio.png
 
 

Process

sofar process.png
 

What is Sofar Sounds?

Sofar Sounds is a platform that lets concertgoers discover new artists by hosting secret shows in unexpected locations and providing an intimate concert experience.

Sofar Sounds events are often hosted in people’s homes/apartments. Their concerts, called “Sofars,” are usually small enough to feel intimate (about 30 people), setting a favorable environment to meet new people, including the musicians, who typically hang out before and after their set.

 
 

Hypothesis

We believe that allowing Sofar Sounds’ audiences to tip musicians and engage with other attendees will not only enable musicians to make more money but also foster more meaningful connections between audiences and artists at Sofar events.

 
 
 

User Research

Goal

In order to better understand the problem space, we had to conduct some user research to better understand how people interact at concerts.

Methodology

We conducted in-person user interviews of eight participants, four for each user type (though the musicians we interviewed were also concertgoers/attendees. Each interview was about 15 minutes long, and was recorded through a combination of handwritten notes and Otter Voice Memos.

After the interviews, our team gathered to write notes and synthesize our research.

 
 
IMG_2225 2.jpeg

The Problem

Sofar Sounds attendees want to connect with musicians and each other, but current options to do so are limited.

How might we enable attendees to support musicians while making these meaningful connections at Sofar events?

 

Defining the User: Personas

WE’RE DESIGNING FOR…

Persona 1.png

WHILE CONSIDERING…

Persona 2.png
 
 

Wireframes & Prototypes

Mid-Fidelity

I was responsible for converting low-fi sketches of our design into mid-fi wireframes using the Sketch app. After doing so, I made a clickable prototype of these wireframes with InVision. The mid-fi prototype was used for usability testing.

 

Key Screens

01. The Home page lets attendees search for upcoming Sofars.

02. “My Tickets” tab opens to a new “Today” page for that night’s Sofar info. A “Connect” button for each artist takes the attendee to…

03. The Artist Page, which contains several ways for audiences to support the artist.

mid-fi copy.png

Ways to Connect

04. During the show, attendees can “send an emoji,” which they can hold up during an artist’s set like a lighter at a stadium.

05. Attendees can send artists a tip during and for up to 48 hours after the show.

06. Attendees can also send artists a drink during the show.

Task Confirmation

07. The selected emoji is enlarged to the width of the screen as an overlay.

08. A dialog box appears as an overlay to confirm that a tip has been sent.

09. A dialog box appears as an overlay to confirm that a drink has been sent.

Attendee Chat

10. The “Upcoming” tab under “My Tickets” shows other upcoming Sofars the user is attending.

11. Once event details have been revealed, attendees can engage in a group chat until doors open.

12. The active chat state shows our persona engaging with fellow attendees for an upcoming Sofar.

 
 

High-Fidelity

My teammates brought these wireframes to high fidelity and made the high-fidelity prototype for our case study presentation.

For my portfolio, I independently redesigned the wireframes and prototype, further iterating upon feedback from our second round of usability testing.

 
 
 

Case Study

So… what were my biggest takeaways from my first group project? How did our feature concept fare over two rounds of usability testing? How did we measure success, and how did our design stack up?

I wrote about these in a UX case study that was published on UX Collective: