Playbox -
Club Hopping Mobile App

...

About Playbox

Playbox is a mobile app designed for club-goers who want to explore nightlife in their city. The app allows users to check which clubs are playing their favorite genres of music, view real-time information about events, and seamlessly navigate to venues using integrated map services. Additionally, users can book an Uber ride directly from the app to make club hopping more convenient and hassle-free.

The goal was to create an engaging, user-centric experience that connects users with their ideal nightlife while providing easy-to-use features for real-time music discovery and navigation.

Problem Statement​​

Nightlife enthusiasts often face the challenge of finding clubs that match their music preferences, navigating between venues efficiently, and booking rides to avoid long waits for transportation. Currently, users rely on multiple apps or word-of-mouth to gather information, making it difficult to have a streamlined experience. Playbox aims to resolve this by:

  • Providing real-time information on music genres, DJs, and events in clubs.
  • Offering integrated navigation for seamless club hopping.
  • Simplifying ride booking by embedding Uber integration.

User Research

Objectives

  • Understand how users plan their club-hopping nights and discover music venues.
  • Identify pain points in the current process of club-hopping and transportation.
  • Discover users' expectations from an app focused on nightlife and music discovery.
...

Methods

Conducted interviews with 15 nightlife enthusiasts who frequently visit clubs to learn how they discover and navigate venues.

User Interviews

Analyzed existing apps (such as nightlife event planners and ride-sharing apps) to benchmark features and identify gaps.

Competitive Analysis

...

Surveys

Distributed surveys to 100 participants to gather insights on their preferred music genres, booking habits, and how they manage transportation during club-hopping.

...

Key Findings

  • Users prefer clubs based on music genre, DJ lineup, and crowd vibe.
  • Club-goers often struggle with deciding where to go next, relying on social media or asking friends.
  • Ride booking is essential, especially late at night, but switching between apps can be cumbersome.
  • Users want an intuitive, all-in-one app for discovering music venues and booking transportation.

Tools

Icon 1

Figma

Icon 1

Flutter 3

Icon 1

Google Cloud

Icon 1

Facebook app id

Icon 1

Onesignal

Icon 1

Map box

Icon 1

Node JS

Personas

Based on the research, two main personas were created​

Emily

Music Explore

Age

26

Motivation

Loves discovering new music and clubs in the city.

Occupation

Graphic Designer

Pain Points

Hard to know what kind of music is playing without going to the venue.

Raj

Efficient Party Hopper

Age

30

Motivation

Prefers efficiency in planning his night, often hops between clubs to find the perfect vibe.

Occupation

Consultant

Pain Points

Frustrated by switching between apps for navigation and ride booking.

Design Process

Development

Playbox was built using React Native for cross-platform functionality. Key features included:

Music Map Integration

A real-time map using GPS data to show nearby clubs and the music they're playing.

Uber API Integration

Direct integration with Uber's API allowed users to book rides without leaving the app.

Music Filters

Users could filter clubs based on the genre currently playing (e.g., EDM, Hip-Hop, Jazz).

Challenges and Solutions

  No.   Challenge Solution
01 Users expressed the need for real-time updates on club music, but data availability was inconsistent. Partnered with clubs to integrate their event and playlist data, ensuring real-time updates were accurate.
02 Users wanted to stay within the app for ride booking without being redirected to Uber. Implemented seamless Uber API integration, allowing users to confirm ride bookings without leaving the Playbox app.

Wireframing

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown

· Low Fidelity

· Mid Fidelity

Design System

Squash

#FCA311

Iroko

#492C1D

Typography

Aa

Montserrat

Bold Italic

Lorem Ipsum is simply dummy text of the printing.

 

0123456789

Application Logo

Login Screen

Main App Screens

Product List for easy access of the product

App Store &
Notification Preview

Results

After the app launch:

Increased Club Visits

Playbox users visited 20% more clubs on average, compared to those relying on traditional methods.

Ride Bookings

Uber ride bookings from the app increased by 30%, indicating users preferred the seamless integration.

User Retention

Post-launch surveys revealed a 90% satisfaction rate, with users highlighting the ease of discovering music and booking rides.

Conclusion

Playbox successfully addressed the needs of club-goers by providing a seamless, integrated experience for discovering music venues, navigating between them, and booking rides. Through research-driven design and iterative testing, we were able to create an intuitive app that enhances the nightlife experience.

Next Steps

Future updates could include:

  • Personalized Recommendations
    Suggesting clubs based on users' music preferences and past visits.
  • Social Feature
    sAllowing users to check where friends are currently clubbing and invite them to join.