VibeBook - Case Study

Problem

Many concert goers are faced with people who scalp tickets or unreliable ticketing apps that send incorrect information. Although there are many ticketing apps, there aren't many that combine social and shopping platforms. There are interactions between us and the buyer, but it doesn't need to be so transactional.

Solution

I designed a solution that can give music enthusiasts and concert goers to have the correct information on tickets and events, and to connect with others through a social platform that doubles as a buying and selling platform. The VibeBook mobile app was designed to address these challenges.

Process

Throughout the timeline, I generated a mock up of a user going through the general ticketing process. It was to understand where in the process users were having trouble and created sketches, Lo-Fi wire frames, and Hi-Fi clickable prototypes. Towards the end, I was able to validate with users and confirm the pain points are solved by the redesign. Now let’s go deeper into each step.

Sketches

Provided by Google, I used storyboarding to brainstorm this idea.

Create Personas

The persona defined is based on my research and findings:

  • Often, concert goers' mobile QR codes display incorrect information
  • Selling and buying tickets to others happens often due to either time conflicts or other reasons
  • There is a disconnect between local musical events and those wanting to connect

Based on these findings, I created three personas who are our target users

Lo-fi UI Design and Wireframe 

Hi-fi Prototype

UX Flow for the Check Out Process

UI Highlights

  • Uses blues, grays, and dark tones — modern and trustworthy (great for financial transactions)
  • Clear, consistent icons in bottom navigation help guide the user
  • The typography is friendly and legible that supports casual reading (messages, artist names) and transactional needs (ticketing info)
  • Balanced use of image-based content and text for an immersive experience

Key UI wireframes

Why Social Networking with Ticketing is a Win-Win for Artists and Concert Goers

  • Built-in Promotion Tools - Event listings, exclusive merch announcements, and fan interaction turn the app into a self-contained promotional board, cutting the need for third-party marketing tools
  • Stronger Fan Loyalty - By enabling likes, DMs, and follows, artists build emotional relationships with fans, turning passive listeners into active supporters who buy tickets and share events
  • Community Discovery - Users can be recommended to fans through friends' activity, proximity, or shared music interests, making growth more organic and authentic

Finding new artists, buying tickets, and planning with friends is all housed in one app, eliminating the need to jump between other apps. Seeing what others and friends are listening to or which concerts they’re attending can develop excitement and trust, leading to more priceless and shared experiences. The in-app messaging allows for easy group planning, ticket sharing, or meeting up with new friends—something traditional ticketing apps do not currently offer.

Final Reflection

After the project ended, I did not stop improving the interface design, including additional screens.

✓ Takeaway One - Interacting with People!

Doing further user research investigating music ticketing apps and interviewing music enthusiasts more thoroughly.

✓ Takeaway Two - Improved Integration

Exploring more interactive ways to provide seamless intergration to create a more intuitive and seamless user journey.

Optimization for Desktop

I also made a user flow for purchase afterwards as well as mock pages (landing page, homepage, etc.)

Using Format