top of page

X-Ridercine | App

Seamless Ticketing: Your Hassle-Free Movie Experience!
iPhone 14.png

Overview

OVERVIEW

The product: 

X-Ridercine is a ticket purchasing platform designed to enhance the moviegoing experience for people who enjoy movies in Belo Horizonte, MG.

 

Featuring an intuitive interface and integrated Artificial Intelligence, the app is aimed at simplifying the ticket purchasing process, reducing the inconvenience of long queues and time-consuming procedures.

 

These advancements aim to tackle common challenges encountered by movie enthusiasts, including securing preferred seats in crowded theaters and avoiding the frustration of missing out on tickets for desired screenings.

The goal:

Developing an intuitive and efficient app to streamline the process of purchasing movie tickets.

My role:

UX Designer, designing the X-Ridercine application from end to end, that is, from conception to making tangible and delivering the final results.

Project timeline:

3 months

Key responsibilities:

Conducting interviews, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies and iterating on projects.

Discovery step

DISCOVERY

User research: 

I conducted interviews and created empathy maps to fully understand users, mapping their journeys and needs.

One user segment identified through research consisted of busy professionals who lacked time to purchase tickets physically at the box office.

This same group confirmed the initial assumptions, and the research even revealed that time was not the only problem that users faced and that limited them from buying tickets. 

Yes, other identified problems include other challenges that make it difficult to get to the cinemas as well, and among them several points were listed, such as huge queues, forgetting to go to the cinemas on the day scheduled, in addition to queues even to enter the cinemas.

pain points

PROBLEMS

Frame 16.png
Frame 15.png
Frame 14.png

Persona

PERSONA

Problem statement:

At 27 years old, Lucas Barros is an avid fan of comics and superhero movies. He urgently requires more efficient ways to purchase movie tickets because time is not his ally. This time constraint often leads to him missing the premieres of his most anticipated releases.

persona-english.png

journey map

JOURNEY MAP

Journey map_EN.png

Summary:

Lucas's journey mapping, revealed to be useful for the

users have access to a purchase application

custom tickets.

Draft 

PAPER WIREFRAME

Summary:

The Sketch served as a preliminary sketch proposing initial solutions, clarifying what would need to be built with an initial solution proposal.

Wireframe_selecionado.png

The stars were used to mark the elements of each sketch that would be used ​​ in the initial digital wireframes.

Digital wireframe

DIGITAL WIREFRAME

Features_EN.png

Summary:

Based on the collected feedbacks, improvements were applied to the digital wireframe.

low fidelity prototype

LOW FIDELITY

Summary:

Using a set of digital wireframe screens, I developed an interconnected prototype, defined a main flow for the user to navigate and with it I did the usability test

prototype low-fi: xridercine-app

Usability Study | Discoveries

USABILITY STUDY

Summary:

Conducted two rounds of usability studies, where I obtained several findings and applied improvements according to guidance through low and high fidelity prototype. This revealed to me aspects that needed to be improved.

1st round of discovery

Reduce payment process steps by facilitating the means of completing purchases more effectively

2nd round of discovery

They prefer access through a

QR code scanner.

People appreciate receiving additional tips and recording their opinions.

style guides

STYLE GUIDE

Typography

This a neutral, flexible, sans serif font is the system font for iOS, iPad OS, macOS, and tvOS. SF Pro includes nine weights, variable optical sizes ​​, and a rounded version for better readability.

typography: xridercine-app

 

Color Pallet

The color orange means joy, vitality, prosperity and success.

It is a warm color resulting from mixing the primary colors red and yellow.

It is associated with creativity, as its use awakens the mind and helps in the process of assimilating new ideas.

Navy blue also conveys confidence, loyalty, security and respect. Therefore, it is perfect for work environments and for logos.

 

It's a hue that helps expand the creative side, but without losing focus.

The navy blue color also symbolizes: loyalty, wisdom, sincerity, truth, faith and intelligence.

color pallet: xridercine-app

 

Components UI Library

Some of the components used to compose the application interfaces.

elements.png

 

Mobile Grid Layout

Grid of 4 columns for mobile app 360x800

layout grid.png

Mockup

MOCKUPS

 

Summary of the 1st test performed:

The Design was revised and improvements were applied not only to the

visual system, but also in functionality, making it clearer for users.
All this brought more benefits to users, generating more identification and

improving the experience of each one of them.

 

Before

 

After

Mockup 02_Wireframe.png
mockup-eng-1.png

Summary of the 2nd test performed:

The second test revealed a certain frustration in the search tab, as well as the

detail view button that was small to the touch. 

I changed the positioning of the shopping cart, giving more of this in the lower

navigation bar, as it is a page.
I also removed some elements and excess information inside the cards.

 

Before

 

After

mockup-eng-1.png
mockup-eng.png

key mockups

KEY MOCKUPS

mockup08.png
mockup04.png
mockup07.png
mockup03.png
mockup-eng.png
mockup02.png
mockup05.png
mockup01.png

Learnings

LEARNINGS

Impact:

The app makes users feel more confident due to its ease of use.

 

A feedback quote:

"The app has revolutionized the movie ticket purchasing experience, making it intuitive and efficient, accessible in just a few clicks."

What I learned:

The importance of maintaining a balance between functionality and simplicity.​

The need to pay attention to user feedback for continuous adaptations.
 

Next steps:

Explore partnerships with cinemas to offer exclusive discounts to app users.

Continue monitoring feedback for continuous improvements.

Measure monthly user base, download rate, and retention rate.

Implementing a cinema environment customization system that utilizes artificial intelligence to analyze user preferences and suggest theaters with more comfortable seating, optimal temperature, and superior sound and image quality.


Allowing users to reserve specific seats in advance, ensuring the best viewing experience.


Providing personalized combo options with food and

beverages based on the user's tastes and the type of

movie they are watching.

Thanks!

THANK YOU!

see more works

OTHER JOBS

bottom of page