UX Case Study

Afters

Welcome to Afters

People want to find the perfect night out. But that perfect night out can be a mess to find.

Built as the final project for my UX Design course at BrainStation Toronto, Afters is an app that allows users to explore, find, and purchase tickets to raves, concerts, and nightlife events all on a singular platform. It gives users the power to plan their perfect night out, even if they are already out (more on that later).  But most importantly, it's been built from the ground up to be as intuitive for beginners as it is powerful for seasoned professionals.

Become a nightlife pro.

Powerful search and discovery tools make it easier than ever to explore your scene and purchase tickets to your favourite events.

Get tickets, get going.

Find shows and buy tickets all on the same app. No more sifting through your emails or using janky 3rd-party websites.

Nightlife Newbie?
No problem.

Intuitive features that allow you to easily explore every facet of your city's nightlife scene. From detailed venue info, to artist & promoter profiles, and industry-first AI-powered Vibe Tagging that gives you the power to leave no stone left unturned in your nightlife journeys.

Keep your night going.
And going. And going.

Because nights have a way of evolving - find events that are happening close to you right now using the game-changing Live Now feature.

Whether your stumbling out of dinner with your pals, or getting tired of the vibe at a show you're already at - that next afters is just a few taps away.

Unlock a next-level
nightlife experience

Next Level Event Tagging

Robust AI-Powered automatic tagging will find the most relevant descriptors for Events and Artists so you know exactly the type of vibes to expect. Best of all? These tags are all searchable.

Because you're not going to an EDM show, you're going to a Hyperpop Witchhouse Techno show.

Fave It and Save It

Not ready to commit to buying tix? You can favourite an Event to easily access it later.

Favouriting builds up the hype of an Event, let's your friends know you're interested in going, and let's us serve you more relevant content.

See Hype? Get Hype.

Quickly see how many people are interested in an Event by the easily scannable Hypemeter.

How "Hype" an Event is is determined by a combination of Favourites and ticket purchases.

Follow Your Scene,
Your Way.

Never miss a beat. Follow Artists, Venues, Promoters, and even Genres to be notified of Events in your city.

With Spotify and Apple Music integration, you can make sure that you automatically stay in-the-know for all your favourites when new Events are announced.

Snag Tickets in Seconds

Buy tickets to Events in as quick as two taps after opening the app.

Safely, securely, and seamlessly buy your tickets through one intuitive interface.

No need to open a new website and no need to give your credit card details to yet another 3rd party vendor.

Everything's Better
with Friends

Follow Friends to let each other know what Events you are going to.

Gone are the days of asking "So who's all coming?".

Research

For Afters to live up to it's fullest potential, it was important to understand both the cultural landscape and the needs of potential users. By identifying a potential market for disruption and conducting user interviews, I was able to identify 4  personas that would serve as the target audience for Afters and develop key takeaways to help inform my design decisions.

Problem Space

The experience of finding nightlife is fragmented, clunky, and time-consuming. Especially for people new to the scene, it can be a confusing mess - where do you even begin your search?

Do you start on social media to find out when artists are coming to town? Maybe you peruse platforms like Ticketmaster, but are unsure if they are showing events that are even relevant to you. Or do you rely on aggregated lists like on BlogTO to help you find what popular?

There are many starting points, but none of them give you the quick-read information to make an informed decision on where to spend your night out.

Competitive Analysis

To better understand how Afters would fit into the existing marketplace, I took a look at comparable ticket purchasing platforms, each with their own unique cultural context as it pertains to nightlife.

Ticketmaster

Ticketmaster is arguably the most mainstream and widely available ticketing platform in the world. However, due to its immense scale, it is typically only reserved for use with venues it owns (i.e. large stadiums and venues that host the most popular of artists).

The main use case of the platform is to purchase tickets to popular events at large venues. Users don't use their platform to discover or explore events, but rather to simply purchase tickets for events they've discovered elsewhere (via advertising or social media).

With ticket purchasing being the primary use of the app, it lacks a robust discovery engine for finding new events or artists. There are no artist profile pages, venue pages, or friend functionality. As a result there is no way to search for events beyond typing out the name of the event itself - leaving out the ability to search by genre, vibe, or proximity.

Dice

Dice is a concert discovery platform specializing in  indie concerts and underground nightlife. Its centered around providing users with personalized feeds and curated “Discover” carousels, making it easy to stumble upon emerging artists and offbeat events.

Despite its strengths in surfacing niche shows, Dice offers limited ways to explore beyond their curated list of events. There is no genre-tagging to aid in search and discovery and there is limiting to no social proof that aides in sussing out an event's popularity at first glance.

While it's sleek interface excels are providing a serviceable user experience for purchasing concert tickets, it falls short of being a one-stop-shop for nightlife escapades.

RA Guide

RA Guide is the go-to hub for underground electronic music and club culture, offering in-depth editorial content alongside comprehensive event listings. The platform was born out of the underground electronic music publication Resident Advisor and carries with it the legitimate cultural cache that comes from decades of covering music scenes across the globe.

Users can filter by city and date, but otherwise are only presented with a list of events in chronological order. While efficient at showcasing the pertinent information for events,  RA Guide’s UI density and specialist focus can intimidate casual users. The interface—while data-rich—can be perceived as cluttered, and the platform lacks a comprehensive search functionality with the only searchable terms being keywords in the event title.

Community features are minimal: there’s no friend-based activity feed or collaborative wishlisting, so planning group outings relies on external coordination. While RA excels at surfacing underground events, its experience feels tailored to insiders - leaving casual users and nightlife newcomers in the dark. It's a platform that is the industry standard for underground raves, but is based purely upon the immense cultural cache of the Resident Advisor brand itself.

User Interviews

A total of 5 people were interviewed to gather thoughts, opinions, and experiences with planning nightlife outings. Interviewees were people who already have somewhat of an interest in nightlife since the ideal user of the app would be a person familiar with the basics.

Interview Structure

Five people were interviewed: 2 "Frequent" nightlife enjoyers, 2 "Casual" nightlife-goers, and 1 person who seldom attends nightlife-related events.

Section 1:
Intro

Introducing the user to a high-level idea of the app and warming up with some semi-relevant small talk.

How’s it going?

What did you get up to this past weekend?

Any big plans for next weekend?

How often would you say that you spend a night out in the city?

Is it typically a late night?

What was the last show you went to? Tell me about it. 

Section 2:
Nightlife Experience

Steering the conversation towards their personal experiences and habits with nightlife events.

Tell me about a time you had a memorable night out in the city. What specifically made it so great?

What could’ve made it better?

What about a time that was disappointing?

What made it that way?

When you go out, do you typically have your entire night planned? Or are you open to it evolving as the night progresses? 

Section 3:
Nightlife Planning

Drilling down to the most pertinent questioning that can unlock specific user behaviours.

When looking for nightlife, where do you usually start from?

Why do you go there first?

Do you find the experience of purchasing tickets clunky? If so, why?

Have you ever prioritized an event based on convenience (e.g. proximity) over specificity (e.g. more popular, but further away)?

Do you find it hard to rally your friends around an event?

Do you have trouble describing the type of music or vibe of an event to them?

If there’s one thing you wish you could fix about planning a night out, what would it be?

Interview Highlights

A selection of direct quotes pulled from interviews.

“Newer and more underground artists are harder to describe to friends, especially in electronic music.”

“I would say I usually have 40% of my night planned before I go out. Where we’re going and how we’re getting there - after that we’re kinda at the whim of the energy of the group.”

“When going to a rave, sometimes the show’s location remains secret until the day of the event. This makes planning your night more difficult”

“I buy tickets first, ask questions later.”

“I really wish there was one place on the internet that listed every single show that is going on in the city”

“Having a map would be super beneficial for impromptu plans.”

Affinity Mapping: Motivations

Going to nightlife events is a great way to spend time with friends

Concerts and raves are a great way to meet new people

Nightlife events are a great opporuntiy to connect with your local community and music scene

Partaking in nightlife culture is a way to take advantage of living in a big city

Going to these events is an outlet for me to express my identity

Nightlife is a great way to stay "in-the-know" and makes me feel cool

Affinity Mapping: Behaviours

I do casual "research" on a venue or artist before buying tickets to an event

I'll check if any friends are interested in attending events prior to committing

With so many events to choose from, I try to limit myself to going to 1 or 2 per month

Sometimes I prioritize events that are closer to me vs. further away

Sometimes I'll prioritize events for an artist or type of music I really want to see - no matter how inconvienient it is to get to

I'll make a decision to attend an event if I feelk like it will likely sell out soon

Affinity Mapping: Pain Points

It's hard to find information about events without already following artists, venues, or promoters across different platforms

It's tricky to tell how popular an event will be without knowing the intricacies of the music scene

When making impromptu plans, there is no quick way to discover what is happening at the exact moment

Sometimes I don't want to explicitly make hard plans with friends to attend an event at the risk of being denied/ignored

Many events have artists or genres that I am unfamiliar with and involves flipping between mutliple platforms to research what they sound like

There's no easy way to sort events other than chronological order

Especially with electronic music, it's hard to describe the exact genre or vibe a show will have due to the nuance of subgenres

For raves with secret locations, it can be hard to figure out where they are located

Sometimes I regret going to a specific events becayuse it's not what I expected

Personas

From the interviews, 4 personas were created in order to better understand the spectrum of people within our target audience - from the inexperienced, to the veteran club-goer.

Persona 1: The Newcomer

Jacqui Rappaport

Age

20

Education

Studying in University

Status

In a Relationship

Job

Student

Location

Toronto, ON

Tech Literacy

Very High

I wish there was a single source that shows me every event happening in the city.

Personality
Introvert
Responsible Partier
Queer
Binge Watcher
Gamer
Social Media Queen
Bio

Jacqui is a sophomore student at Toronto Metropolitan University where she’s working towards a BA in Sociology. Her mindset? Weekdays are for studying, weekends are for exploring the city. After growing up in Northern Ontario, she is a relative newcomer city living - eager to make new friends and discover events that are inclusive and support her queer identity.

Goals
  • Wants to passively know what her friends are up to on a given weekend
  • Attend queer-friendly nightlife events
  • New to the city, Jacqui needs help understanding the ‘lay of the land’
Frustrations
  • Jacqui is introverted and finds it socially draining to constantly badger your friends to figure out what events to go to
  • Hard to figure out what events are part of the scene she wants to associate with
  • Sometimes raves have a “secret location” and make it hard to plan your night around it
Solutions
  • The ability to see what events your friends are interested in
  • Search and map functionality that allows for easier event discovery
  • App notifcations for event updates as they are announced
Brands & Apps

Persona 2: The Spontaneous Socialite

Ashlee Singh

Age

27

Education

University Degree

Status

Single

Job

Marketing Manager

Location

Toronto, ON

Tech Literacy

High

Partying isn’t my life, but I wish I had the tools to keep up with the scene.

Personality
Extrovert
Foodie
Spender
Tech-Saavy
FOMO-Prone
Planner
Socialite
Organized
Bio

Ashley currently lives in Toronto, residing in the Liberty Village neighbourhood. She’s been working in marketing for the past 5 years and has worked her way into a manager role. With extra disposable income, no dependants, and a condo near the city’s hottest nightlife she enjoys going with her group of likeminded friends to trendy restaurants and the occasional club.

Goals
  • Wants to have insight into the next-best-thing to do in the city
  • Keep her social life as organized as her work calendar (hint: it is very organized)
  • Plan ahead, but leave flexibility for spontaneous outings
Frustrations
  • Experiences option paralysis - too many event options in the city and no way to organize it.
  • Can’t decipher which events will fit the vibe of her friend group or the type of the night they are having
  • Hard to find a definitive source of information - event discovery on social, ticket purchase on a website, etc..
Solutions
  • Search functionality with event tagging that makes finding relevant events easier
  • Map-view that gives you a bird eye view of what’s happening right now
  • The ability to discover events and buy tickets in the same app
Brands & Apps

Persona 3: The Rabid Raver

Juan-David Mendoza

Age

31

Education

College Diploma

Status

Single

Job

DJ/Producer

Location

Toronto, ON

Tech Literacy

Very High

I aim to be a taste-maker rather than a trend-follower.

Personality
Extrovert
Clubrat
Chronically Online
Party Animal
FOMO-Prone
Trendsetter
Adventerous
Pretentious
Bio

JD lives to party. He works as a tattoo artist, but his real passion is producing electronic music. With a steadily growing following of listeners, Connor fully embraces the local scene for inspiration and being a part of the community. Along with his friends, they look for raves to attend on a weekly basis - ranging from classic acts to newer underground sounds.

Goals
  • Wants to attend events and organize with friends
  • Go to shows with genres outside of his comfort zone, the more underground the better
  • Keep the party going until the sun comes up
Frustrations
  • Missing out on limited ticket sales
  • Sussing out the vibe of an event if unfamiliar with the artist
  • Hard to decipher how popular an event will be
Solutions
  • A “favourites” function that improves algorithmic event recommendations and will periodically remind you of the event (remaining ticket sales, countdown, etc..)
  • Streamlined event tagging to quickly scan the vibe of an event, with easy access to do a deeper dive and explore an artist on streaming or social platforms
  • A ‘hype’ meter that gives a rough idea of how popular an event is based on ticket sales and/or the amount of favourites
Brands & Apps

Persona 4: The "Still Got It" Suburbanite

Ian Kemp

Age

36

Education

College Diploma

Status

Married with Kids

Job

Sr. Inside Sales Rep

Location

Whitby, ON

Tech Literacy

Medium

I follow my friends’ lead for nightlife, but it would be nice to know what I’m getting myself into!

Personality
Cool Dad
Family Man
Outdoorsy
Sports Fanatic
Runner
Binge Watcher
Homebody
#ForTheBoys
Bio

Ian is happily married with a young child and he recently moved to the suburbs for a more family-friendly environment. His party days are behind him... but his downtown friends (most of them single) still partake in the lifestyle. Every couple months he finds himself in the middle of a “boys night” with his friend group.

Goals
  • Wants to make more informed decisions of what nightlife events to attend
  • Attend events that aren’t too hardcore, he wants to be back home by midnight - not 4am.
  • Able to easily share event info with not only his friends, but his family
Frustrations
  • Doesn’t know what’s going on in the city on given night
  • Finds it annoying having to rely solely on friends for what to do
  • Hard to find a definitive source of information
Solutions
  • Intuitive search functionality and event tagging to make finding events easier
  • A map functionality that gives you a bird eye view of what’s happening right now
  • A centralized experience to have all event info and ticket purchasing in one place
Brands & Apps

Key Takeaways & Hypotheses

1

Takeaway

Finding event information and ticket purchasing can be a fragmented and friction-filled process.

Hypothesis

Users want an easier way to search for nightlife - something beyond simple keywords. They also need to be able to have a seamless transition to ticket purchasing.

2

Takeaway

It can be difficult to rally people together, especially for more underground events that are outside of their comfort zone.

Hypothesis

Users need social proof and data points to give added context to events.

3

Takeaway

For raves and events that feature more experimental or underground music, it can be hard to decipher what the vibe or music will be.

Hypothesis

Users need searchable and taggable event descriptors that cover the niche and subjective vibes of an artist or event.

4

Takeaway

It is tricky to figure out if something is worth going to in terms of popularity and proximity.

Hypothesis

Users need to be able to have the ability to quickly scan how popular an event is and visually see where it is located on a map.

Information Architecture & User Flows

At its core, Afters is designed to streamline the process of discovering and purchasing tickets for nightlife events. The platform's architecture is crafted to guide users seamlessly to an Event Page and facilitate the Ticket Purchase process.

Information Architecture

User Flows

Wireframing

While it seems simple on a surface level, Afters requires some deeply complex functionality in order to deliver a user experience as intuitive as it is powerful. Starting with high-level sketches, I quickly found that I was pulling inspiration from apps such as Spotify, Airbnb, Snapchat, and Instagram - marrying the best of each platforms' respective discovery and social networking features.

Mid-Fidelity Wireframes

Jumping directly into mid-fidelity wireframes proved to be an efficient way forward as it allowed me to visualize the detail that had to go into each content tile. For example, I already knew from my sketches that the Homepage needed Event Tiles - but rationalizing what the most pertinent information to include on those Event Tiles was a task that I felt was best suited for this stage of the design process.

Main User Flow: Homepage to Ticket Purchase
Login & Registration
Search/Discover & Map Views
Content Pages (Events, Artists, Venues, Promoters, & Genres/Vibes)

After getting a bulk of the design exploration underway in the Mid-Fidelity stage, I felt confident in translating these into Hi-Fidelity in an almost 1:1 manner. This allowed me to expedite the process and, in certain situations, parallel path the Hi-Fidelity Wireframe and Prototyping stages.

Hi-Fidelity Prototype

Ready to find your Afters? Tap a phone below to start a user flow from the perspective of a new user or an existing user.

New User:  Onboarding Flow
Open Prototype: New User
Existing User :  Starting from Homepage
Open Prototype: Existing User

Style Guide & Branding

Afters’ visual identity captures the energy and mystique of nightlife while staying welcoming and accessible. The branding strikes a balance between bold and approachable, designed to feel exciting to seasoned night owls and inviting to newcomers alike.

Logo & Wordmark

At it's core, Afters is about empowering people with the tools to make finding nightlife more easily accessible. Borrowing its namesake from the slang word 'Afters' (shorthand for 'afterparty'), the underlying ethos of the platform is to keep the night going. So, by building our logo upon familiar iconography like the 'Repeat'  music control icon, we are ensuring that the core principle of the brand remains instantly recognizable even at first glance.

Logo

Taking inspiration from music player interfaces, the bordering arrows are rooted in a sense of repeating or shuffling your favourite music. The simple crescent moon iconography in the middle represents the core of Afters’ mission - helping you keep your night going. A slight upwards tilt adds a layer of playfulness to the logo, making it less intimidating to newcomers.

Wordmark

The Afters wordmark features a custom-made typeface with accentuated terminals on specific letters to allow a consistent flow throughout. The lightly italicized characters also adds a subtle kinetic energy that lends itself to the brand.

App Icon

Leveraging our brand colours, the background of our app icon uses a dynamic gradient to add depth and sheen to our icon. The gradual blending of colours being a subtle wink to the night cycle.

Colours

Afters is rooted in nightlife, so it only makes sense for our colours to lend itself to capturing that nocturnal energy. Lighter icy-violets and darker midnight-purples represent the range of primary colours, while warmer tones are used for some much-needed contrast and energy throughout the design language of the platform.

Colours can be combined into gradients with others in the same Primary/Secondary bucket. This can result in some more dynamic looking UI elements, backgrounds, and accents throughout the platform and branded assets.

Primary Colours

Afters Ultraviolet

#5C55E6

Violet Shadow

#39348E

Dark Matter

#221F54

Midnight Ink

#161437

2AM Void

#111016

Icy White

#FFFFFF

Dawn Frost

#E6EDFF

7AM Mist

#BFC4FF

Secondary Colours

Litty Lemon

#F9E320

Ember Flame

#F95C20

Blush Inferno

#F52C54

Typography

Funnel Sans

A platform like Afters deserves a font that is as edgy as it is accessible. Enter, Funnel Sans. It's a font that is informatively casual; playful, yet professional. A highly versatile font that perfectly encapsulates the coolness that Afters exudes.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l mn o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) - _ = + ; : ' " , < . > / ?

Buttons & Core Iconogprahy

Afters features buttons with rounded corners to allow for a more casual feeling UI. In addition, playful iconography and gradients are used throughout to allow users to get an instant read of core social proofing features in a manner that's as fun as it is easy-to-digest.

Solid Buttons

Outlined Buttons

Favourite Badge

Hypemeter Badge

Results

Overall through user testing, minor adjustments were made throughout to the interface to make things more clear or concise. On the whole, 4 things stuck out as things to improve in future updates.

Reimagining the possibilities of the Live Now functionality

When prompted with the User Scenario of finding an event happening right now - most users defaulted to searching via the Map View instead of the more appropriate Live Now overlay access from the Homescreen.

While still a completely viable way to find events happening now, it was confusing to see users ignore the 'killer-app' feature of Afters in favour of a more familiar user journey. It begged the question if this feature was even needed or if it needed to be made more prominent?

In future updates, A/B testing of alternative Live Now homescreen badges could prove to be a worthly exploration. Or perhaps even some initial instructional tutorial flows for new users to show them around the interface.

Map View UI needing some additional polishing, but otherwise a crowd favourite functionality

When navigating the Map View screen for discovering events closer to them, users felt that the map needed some additional UI markers to help navigate around. For example, a button to reposition the view on their GPS location or a dynamically scaling distance meter to get a quick read on if a venue was walkable or not from their current location.

Users loved the Map View's priority access in the navbar (something none of our competitors have) as well as the ability to get a quick read on what's most popular based on the "heatmap" functionality tied to the Hypemeter of an event. The heatmap feature in particular was a favourite amoung our testers as it blended social proof with core app functionality in a seamless manner.

Updates needed to content writing throughout

There were some instances where content writing could be tightened up to be more concise and obvious. For excample, some testers were confused with the "Live Now" language used on the overlay badge for discovering events that were happening right now.

Lack of cross-platform functionality for sharing tickets

While users were happy with the experience of discovering events and purchasing tickets all within the app, they we're confused at the lack of social sharing with friends once the tickets had been purchased. The addition of social-sharing buttons to send tickets to friends via text/email would be a welcome improvement in this regard.