The Olimp Cinema is a chain of movies based in Ukraine which to help people find info about new movies, choose a session for a convenient date and choose a seat in the hall, and buy tickets by streamlining the payment process and letting them skip the line in the movie theater.
May 2021 - August 2021
Duration:
Figma
Tools:
UX designer
My role:
We, as people, want to spend time with our loved ones, friends, family. And one of the ways to pass the time is to visit the movie theaters. But our world is fast-paced and we want to receive information quickly and to be able to make purchases easily and simply.
Context
Goal:
Problem:
Design an app for Olimp Cinema that allows users to easily select the session on a movie, buy tickets and get them.
Users who want to select a movie, quickly and easily buy tickets and get them, skipping the line in the movie theaters.
User research
This group of users confirmed the initial assumptions about Olymp Cinema’s customers, but research also showed that time was not the only factor. Users wanted to be sure that when they sign up for the app or make a payment, the app responds to their actions. They also wanted to know that the payment process would be easy and straightforward. Also, many users were worried about tickets, where, after purchasing tickets in the application, they will be able to view them.
I interviewed and mapped empathy to understand the users I’m developing for and their needs. The main group of users identified in the study is working adults and young people who do not want to waste their time in line and want to be sure that when they buy tickets through the application, they will ultimately receive tickets for the selected movie.
What pain points were established:
Working adults and young people do not want to waste their time in line.
Time:
Complicated ticket buying process.
Checkout process:
Accessibility:
Most applications have a confusing interface. They are not attractive.
Platforms for buying tickets are not equipped with assistive technologies.
Information architecture:
The users & Personas
So after identifying the pain points and conducting interviews, I created Personas. Each persona represents the need of a large group of users. I have highlighted two user groups.
We always keep users front and center when we design. The Olimp Cinema’s target customers are users who like to watch movies, spend a good time with their family or friends or themselves.
Arcitecture & User flow
I started doing quick sketches, corrections, and additions and tested them along the way. I have developed a user flow to show how users might navigate the app. So that it is convenient for the user to navigate the app.
With findings, I brainstormed possible solutions, tools, and features we would like the app to have in order to improve the available services of buying the ticket online and to create an interface that could cater to different types of people.
Sketches & Wireframes
On the screen with detailed information about the movie, I focused on the opportunity to immediately view the available dates and times of sessions, as well as the format of the movie to help users save time.
I used the Crazy Eights method taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. . On the main screen, I focused on a large image of movie banners showing in the movie theater with minimal useful information that will help users quickly decide what to choose.
Main screen
Movie info screen
As the initial design phase continued, I tried to base my design on user research. After ending of creation of paper wireframes I created the digital wireframes:
- The main goal of the user design challenge on the main screen was to show the list of showing now movies, make them visually attractive with all the necessary information about the movie, and also make quick access to the main destinations in the app, which were implemented using the bottom navigation bar.
- To make the payment process more comfortable and allow the user to choose a payment option that is more convenient for him, several payment options were provided.
- The main key task on the movie information screen is to show detailed information about the movie and to implement the function of selecting the date and time of the session with the movie format. This will allow the user to immediately receive information that will allow him to make a decision about choosing a movie and order tickets for a session.
Lo-fidelity prototype
Using a ready-made set of digital wireframes, I created a low-fidelity prototype. The main user flow I connected to was a movie selection, session date, and time selection, and ordering tickets, so the prototype could be used in usability research.
Usability testing & Insights
I conducted usability studies with usability testing. Findings from the usability study helped me guide the designs from wireframes to mockups.
- Users want to have the opportunity to select a date for the session.
- Users want to get the confirmation screen before the checkout process.
- Users want to choose a city and a movie theater easy and quickly from drop-down lists.
Mockups
I also thought through visual elements such as typography, color, iconography, and images and checked various references, colors, and typographic combinations to get the impact I wanted.
Taking into account the results of the usability study, I made a design change to give the app an appealing look that would be both simple and easy to navigate for any user.
Stickershit
During the design of the app, I created a sticker sheet in which I collected all the interface elements: icons, buttons, components, popups and etc. Good design is obvious. Great design is transparent.
The latest prototype, with high fidelity, introduced clearer user flows for movie selection, session time and date, and checkout. It also met the needs of users to be able to register in the application in different ways, as well as pay for a ticket using different payment systems. Also implemented the function of sharing tickets if necessary.
High-fidelity prototype
Final polished design
Results & Outcomes
I finalized the structure and design of the app and concentrated them into the most relevant and useful activities: the app makes users feel like Olimp Cinema really thinks about how to meet their needs and make the purchase process easy and fun.
results:
For the first time, I designed an app using the entire design cycle. I was satisfied with the results. Each stage is important and it is important to perform them efficiently, as this is reflected in the final design. It is also important to remember who your user is and what his real needs are.
Outcomes:
