Concert Ticketing Site

  • I designed an e-commerce site from ideation to wireframe to prototype

The project focused on designing three core product features:

  1. User account creation

  2. Event browsing and ticket purchasing

  3. Customer account with virtual tickets

Case Study

Designing a mobile ticket purchasing experience for three live music venues

Mood is a group of three live music venues in the Phoenix area owned by Chris. While the venues host concerts almost every night, tickets are currently sold only in person at the door, limiting advance sales and creating friction for patrons.

I was tasked with designing a mobile app that allows users to discover events and purchase tickets for all three venues in one place.

The goal was to create a simple, intuitive mobile experience that supports high-frequency concertgoers and casual visitors alike.

Steps Taken

A timeline diagram showing steps in the user experience design process, including user flow creation, wireframing, interaction design, mobile UI prototyping, checkout flow design, and account experience design.

The Problem

Mood’s current ticketing system presents several challenges:

  • Tickets can only be purchased in person at the venue

  • Customers cannot browse events easily across venues

  • There is no centralized digital record of purchased tickets

  • Door sales create long lines and operational friction

This results in missed revenue opportunities and a less convenient experience for customers.

The Goal

Design a mobile-first ticketing app that allows users to:

  1. Discover events across all three Mood venues

  2. Purchase up to four general admission tickets

  3. Store and access digital tickets in their account

The app should reduce friction in the ticket purchasing process while providing a seamless event discovery experience.

Profile page of Lucinda 'Lucie', a 24-year-old business analyst from Arizona. Features her photo, biography, characteristics, work details, concerns, related pain points, weekend activities, and salary and rent information.

Provided Personas

A profile of Mike, a 48-year-old civil engineer, with a photo on the left. The profile includes his quote, bio, characteristics, work details, concerns, related pain points, weekend activities, and basic salary, house, and car info.

Wireframes & Prototyping

Hand-drawn sketch of a photo editing or social media app interface with multiple screens, including feed, calendar, messages, profile, and settings pages.

The Crazy 8s Method

Ideation of possible layouts for wireframes. A sketching method that assisted in helping brainstorm.

Product Constraints

Several constraints shaped the design:

  • All shows are general admission (no seat selection)

  • Users can purchase a maximum of ten tickets per event

  • Tickets must include a barcode compatible with the venue scanning system

  • Users must create an account before accessing events

  • Checkout requires specific billing and contact information

These constraints guided the structure of the ticket purchasing and account flows.

Mid-Fidelity Wireframes

Sequence of mobile app screens for event ticketing and account management, including registration, login, event browsing, cart, checkout, and ticket viewing.

User Needs

Based on the target audience for the venues (concertgoers, students, and local music fans), users need a way to:

  • Quickly see what events are happening

  • Filter shows by date, venue, or music genre

  • Purchase tickets before arriving at the venue

  • Store and access digital tickets easily

  • Find their ticket quickly when entering the venue

  • Share events and tickets with others

Business Goals

The business needed a digital solution that would:

  • Increase advance ticket sales

  • Promote events across all three venues

  • Reduce door line congestion

  • Provide customers with digital tickets

  • Create a centralized platform for event discovery

  • Sponsor related events

High-Fidelity Wireframes

A series of four smartphone screens showing a concert ticket booking app. The first screen welcomes users to the app with a blue-toned concert image and options to create an account or sign in. The second screen shows event listings including Electric Light Orchestra, Van Halen Cover Band, Journey, and Ariana Grande with dates, times, and venues. The third screen displays details for the Electric Light Orchestra concert, allowing users to select ticket quantity and proceed to checkout. The fourth screen shows the ticket details for the Electric Light Orchestra concert in Phoenix, with date, time, venue, and a barcode for entry.

Prototypes

Users can explore events on the main event page, which highlights a promoted event and takes them directly to checkout.

Users can filter through by date, genre, and venue to quickly find shows that match their interests.

Users can view their account and upcoming tickets to use their virtual ticket with a barcode to scan at the venue entrance

Users are required to create an account and verify using their phone number or email before accessing the app.