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.
Powerful search and discovery tools make it easier than ever to explore your scene and purchase tickets to your favourite events.
Find shows and buy tickets all on the same app. No more sifting through your emails or using janky 3rd-party websites.
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.
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.
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.
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.
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.
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.
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.
Follow Friends to let each other know what Events you are going to.
Gone are the days of asking "So who's all coming?".
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.
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.
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 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 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 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.
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.
Five people were interviewed: 2 "Frequent" nightlife enjoyers, 2 "Casual" nightlife-goers, and 1 person who seldom attends nightlife-related events.
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.
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?
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?
A selection of direct quotes pulled from interviews.
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
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
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
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
A new user is presented with high-level onboarding and registration flow that doubles as a data-capture method to help aggregate their feed upon first use.
An existing user navigates to an event that in happening in the future and purchases a ticket.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
! @ # $ % ^ & * ( ) - _ = + ; : ' " , < . > / ?
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
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.
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.
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.
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.
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.