A TICKET THAT IS THE EVENT APP
As events and festivals continue to attract audiences from around the globe, the entertainment industry has increasingly embraced technology to improve the ticketing and payment process. With traditional methods becoming outdated and inconvenient, companies such as 3cket are now offering digital solutions to address these challenges. By introducing a web app that enables users to store their tickets electronically, 3cket is eliminating the need for physical tickets and creating a more eco-friendly and hassle-free experience for event-goers.
Time Frame: 2 weeks
Role: UI/UX Designer, Researcher
Scope: UX/UI Design, Qualitative and Quantitative Research, Visual Design, Branding, Interaction Design, and Prototyping
Mentors: Rita Martins & Joana Oliveira Carvalho
The primary objective of this project was to completely redesign the 3cket app's design, with a focus on developing a more intuitive way to access various modules and creating a dynamic home page that provides users with relevant information at a glance.
The project started with a meeting with the stakeholders to align everyone's understanding of the project scope.
It also served as a platform for the 3cket team to share their insights, feedback, and concerns. This valuable input could help in the decision-making process and ensure that the end product fulfills the expectations and requirements of all stakeholders.
After conducting the interview, I realized that I would need to design two separate flows:
The first flow is for regular users who purchased one or a few tickets for themselves or their friends, and who primarily want to use the app's core functionality to attend the event.
The second flow is for users who purchased multiple tickets in bulk, such as an HR manager buying dozens of tickets for their team, and who requires a way to manage those tickets efficiently.
The current app
Following my meeting with the stakeholders, the initial step was to conduct usability testing and analyze the existing app to identify the most pressing pain points and areas for improvement.
For the testing, I evaluated the app with three users who had prior experience with 3cket, as well as five users who were new to the app.
Usability testing insights
"the QR Code (ticket) should not have the same importance as the other sections"
"I would prefer if all financial features were under one roof"
"all relevant info belongs right in the homepage, I don't wanna go to the end of the app to find the venue"
"it needs fewer sections for me to navigate, specially if I'm tipsy at a music festival"
"If I have extra tickets to send I don't want to open another app to be able to send them"
"Menu is not a clear title for the food section"
Following this, we conducted six rounds of card sorting to determine how users group and categorize information. These results confirmed the findings from the previous usability testing, as:
Users grouped all payment-related sections into a single category.
Informational sections were consistently placed on the homepage.
Out of the six users, five created four distinct categories, which can be described as Home, Food, Payment, and Tickets.
Prior to beginning my prototypes, I took some time to evaluate my competitors and gain a deeper understanding of the existing apps that serve the same or similar purposes. It became apparent to me quite quickly that there were very few apps that combined all the different features offered by 3cket. As a result, I decided to expand my research and explore apps that catered to each category of our navigation individually.
Monzo Bank is known for its focus on user experience and innovation in the banking industry.
The design is consistent throughout the app, making it easy for users to find what they're looking for.
However, some reviewers deemed that Monzo may be too simplistic for some users, lacking more advanced features that are available in other banking apps.
The Eventbrite app is designed to make it easy for users to browse and register for events.
The app has clear and intuitive navigation, making it easy for users to quickly find the events they are interested in. The app also provides clear signposts and visual cues, making it easy to understand where you are in the app and how to access different sections.
Uber Eats design is consistent across the app, making it easy to navigate and complete tasks quickly.
It also has an easy-to-use payment system that allows users to add multiple payment methods and quickly complete transactions.
However, the app presents a lot of information to the user, such as menu items, restaurant ratings, and delivery times. This can be overwhelming for some users, leading to decision fatigue or confusion.
Photo by Daniel Gzz via Unsplash
Based on the research, as well as the design challenge, here are the goals I am proposing to achieve:
Reorganize the navigation bar into four distinct sections: Home, Wallet, Food Court, and Tickets.
Develop a customizable homepage that prominently displays key event and venue information and can be easily adapted to different events.
Design an intuitive and user-friendly Wallet and Food Court section that requires no learning curve, as they must be easy to use on the day the app is downloaded.
Create a ticket manager section that enables users to quickly access and manage their purchased tickets.
Brand attributes: confident, adaptive, clear, unconventional
3cket offers a versatile ticket management solution for various types of events, ranging from concerts to corporate team-building activities.
In this particular case study, the 3cket app was customized for the fictional 3cket fest event, using the brand's signature purple color palette to match.
Nevertheless, this app is easily adaptable to any brand, with only two primary colors: a dark gray background and white with varying levels of transparency for elements like the search bar.
Testing & Iteration
In this stage, I did two rounds of testing to make sure my mid-fidelity designs make sense before moving into high-fidelity prototypes. Below you have the main changes between the two fidelities.
Moved the "ticket" QR code, from the homepage to the nav bar, so that you can access it from any section of the app
Added a title to the page
Created a 'card' to help contextualize the users about the purpose of this page.
Created an actual button that connects to the ticket manager section
Added the "Add to Apple Wallet" badge
Added a "sent" badge to tickets that have already been assigned
Added the dots to give users extra information regarding the number of tickets available
User flow 1
The first flow is designed for regular event-goers who purchase one or a few tickets for themselves or their friends. Their primary goal is to attend the event and use the app's core functionalities.
User flow 2
This flow focuses on ticket management and offers features tailored to the needs of bulk ticket purchasers.
This was my first time redesigning an existing app, so it was a challenge not only regarding the technical aspects of the experience but also regarding time management and prioritization.
Moving forward, I plan to further enhance the ticket manager section by introducing filtering options and enabling bulk ticket-sending functionality.