CASE STUDY
MOOD Ticket App
Role
UX/UI Designer
Timeline
4 weeks
Tools
AT A GLANCE
Mood is a mobile ticketing experience designed for a fictional three-location concert venue in the Phoenix area. The project challenged me to design four core user flows covering account creation, event filtering, ticket purchasing, and purchased ticket access. I used those requirements as a starting point to think about the larger journey, from figuring out what to do on a Friday night to pulling up a barcode at the venue. The result is a mobile-first experience designed to make discovering, purchasing, and attending events feel like one connected process.
STRUCTURE
01 - Person
MEET
Jenna

"If my friends want to go somewhere Friday night, I want to figure out what’s happening and get tickets without jumping between five different apps."
LOCATION
Phoenix, Arizona
GOALS
Find events that fit her schedule and music taste, quickly compare venue options, purchase tickets without a complicated checkout process, and have everything she needs ready when she arrives.
FRUSTRATIONS
Too many steps between discovering an event and buying a ticket, cluttered ticketing apps, difficulty finding purchased tickets at the door, and having to leave an app just to find basic venue information.
HABITS
Makes plans with friends through her phone, discovers events close to the weekend, checks dates and locations before committing, saves tickets digitally, and relies on navigation apps when visiting unfamiliar venues.
Before the Event
Jenna usually starts with a simple question: what should we do this weekend? She needs to move quickly from browsing events to checking the date, location, and price before sending the plan to her friends.
At the Venue
Once the plan is made, her priorities change. At the venue, she does not want to search through emails or account menus. She needs her ticket, barcode, and venue information immediately.
02 - Problem
Buying the ticket is only one part of going to an event.
Concertgoers need a simple way to move from “What should we do tonight?” to “We’re here” without the ticketing experience getting in the way.
Find Something Worth Going To
Users need to discover upcoming events without already knowing exactly what they are looking for. The experience has to support browsing while still making dates, genres, and locations easy to narrow down.
Make the Decision Easy
With three Mood locations, users need enough information to confidently choose an event without digging through multiple pages or leaving the app to answer basic questions.
Get Through Checkout
Once someone decides to attend, the purchasing experience should help them complete that decision instead of slowing them down with unnecessary steps or distractions.
Get Through the Door
Once someone decides to attend, the purchasing experience should help them complete that decision instead of slowing them down with unnecessary steps or distractions.
03 - Solution
Mood brings the entire night into one mobile experience.
I designed Mood around the full event journey instead of treating checkout as the finish line. Users can browse upcoming shows, filter by date, genre, or venue, view the information they need to make a decision, purchase tickets, and manage those tickets from one app.
After purchase, a centralized wallet keeps upcoming tickets easy to find. Users can reach their barcode in as few as two taps from the home screen and access directions to the correct Mood location without searching for the venue somewhere else.
Visually, I wanted the product to feel as energetic as the events it was built around. The mood-ring-inspired identity uses shifting gradients and movement to give Mood its own personality while maintaining a clear hierarchy around important actions.
04 - Process
Research
I started by reviewing existing ticketing experiences including Ticketmaster, SeatGeek, and StubHub. I looked at how each app handled event discovery, filtering, purchasing, account management, and ticket access, paying attention to both patterns that worked well and areas that added friction.
One thing became clear pretty quickly: buying a ticket is only one moment in a much larger experience. Before checkout, users are trying to decide where to go and what to see. After checkout, they need to find their ticket, get to the correct venue, and enter without digging through the app. That helped me look beyond the purchase flow and design around the whole night.
Define
I defined the primary audience as college students and young working professionals who regularly use their phones to make plans, discover entertainment, and manage digital tickets.
From there, I organized the experience around four core moments: discover an event, narrow the options, purchase a ticket, and access it later. My guiding question became:
How might I create a ticketing experience for a specific venue that makes the entire journey from discovery to entry feel simpler?
Ideate
Because Mood did not have an existing app, brand system, or established interface, I was able to build the experience from the ground up. I mapped the required flows first and then looked for places where one feature could remove friction across multiple parts of the journey.
That led to ideas like a featured event on the home screen, filters for date, genre, and Mood location, a centralized ticket wallet, built-in venue directions, and direct access to purchased tickets. I kept the feature set intentionally focused. Mood did not need to do everything a massive ticket marketplace could do. It needed to make attending events at three specific venues easy.
Prototype
I built the high-fidelity prototype entirely in Figma, including the interface, interactions, animations, and reusable components. The prototype connects the four core flows: account creation, event filtering, ticket purchasing, and accessing purchased tickets.
I also explored how the visual design could make the product feel specific to Mood rather than like another generic ticketing app. Inspired by the changing colors of a mood ring, I created animated gradients and bold visual elements that shift throughout the experience while keeping navigation and important actions easy to recognize.
Test
This project did not include formal usability testing, which is the biggest step I would add if I continued the work. I would test the four primary flows with users, paying particular attention to event filtering, checkout, and how quickly someone can find their barcode under the time pressure of entering a venue.
I would also test the visual system for accessibility, especially contrast across the animated gradients, before moving the product toward development.
05 - Result
I designed a connected experience that supports concertgoers from the moment they start looking for plans to the moment their ticket is scanned at the door.
Discover What’s Happening
A featured event and simple browsing experience give users somewhere to start, even when they open Mood without a specific artist or event in mind.
Filter the Noise
Users can filter events by date, music genre, and any of Mood’s three locations, helping them narrow a larger event list around the things that actually affect their plans.
Keep Tickets Close
A centralized ticket wallet keeps purchased events in one predictable place, with barcode access in as few as two taps from the home screen.
Support the Whole Night
Event details and built-in directions help bridge the gap between buying a ticket and actually attending the event, keeping essential information inside the same experience.
Mood taught me to think beyond the screen where the main transaction happens. The strongest parts of the experience came from considering what users needed before purchasing a ticket and what they would need hours or days later when they actually arrived at the venue. If I continued the project, my next step would be usability and accessibility testing to validate those decisions with real users.



