top of page

A TICKET THAT IS THE EVENT APP

3cket

Context

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

3cketmockup_2.png

Challenge

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.

Research

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:

  1. 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.

  2. 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.

SME INTERVIEW

COMPETITIVE ANALYSIS

MOODBOARD

INTERVIEWS

CARD SORTING

USABILITY TESTING

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.

IMG_1831_edited.jpg
IMG_1832_edited.jpg
IMG_1833_edited.jpg
IMG_1834_edited.jpg

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"

Card Sorting

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:

  1. Users grouped all payment-related sections into a single category.

  2. Informational sections were consistently placed on the homepage.

  3. Out of the six users, five created four distinct categories, which can be described as Home, Food, Payment, and Tickets.

IMG_4989 2_edited.jpg

Competitive Analysis

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

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.

0x0.png

Eventbrite

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

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.

​

jLoAN_gT_400x400.jpeg

Photo by Daniel Gzz via Unsplash

Ideation

Based on the research, as well as the design challenge, here are the goals I am proposing to achieve:

​

  1. Reorganize the navigation bar into four distinct sections: Home, Wallet, Food Court, and Tickets.
     

  2. Develop a customizable homepage that prominently displays key event and venue information and can be easily adapted to different events.
     

  3. 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.
     

  4. Create a ticket manager section that enables users to quickly access and manage their purchased tickets.

Moodboard

Moodboard-3cket_2.png

Brand attributes: confident, adaptive, clear, unconventional

UI Elements

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.

M_F3cket-1.png
M_F3cket-2.png
M_F3cket.png

  1. Moved the "ticket" QR code, from the homepage to the nav bar, so that you can access it from any section of the app

  1. Added a title to the page

  2. Created a 'card' to help contextualize the users about the purpose of this page.

  1. Created an actual button that connects to the ticket manager section

  2. Added the "Add to Apple Wallet" badge

  3. Added a "sent" badge to tickets that have already been assigned

  4. Added the dots to give users extra information regarding the number of tickets available

Final Mockups

3cket_final mockup.png

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.

Frame 5.png

User flow 2

This flow focuses on ticket management and offers features tailored to the needs of bulk ticket purchasers.

3cket variations

P1_F3.png

Learnings

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.

bottom of page