Ciné

Ciné

Making movies easy

Ciné is a ticketing app for a movie theater. It helps users purchase tickets easily with a simple layout and easy to follow directions. It's my first project as a UX Designer.

Duration: December 2021 - February 2022
Role: Lead role from early concept to prototype.
Program: Figma


Problem
Worried moviegoers want a safe and easy way of purchasing movie tickets. With covid still around and most apps being hard to use, users want a solution.
Goal
Create a movie ticketing app which is easy to use and saves users time.

For my user research, I conducted 5 interviews in total. The initial assumption I had was that most moviegoers would love to use a ticketing app without hesitation. But I’ve discovered that they require more than just a simple app. Features such as seating maps and a history section for the past movie tickets bought were not something I expected.

1. Features

Users want more relevant features in their app, such as seating maps, history and ticket sharing.

2. Fluidity

Users want to be able to understand their app, use it the right way without getting lost.

Paper Wireframes

Coming up with these wireframes I had to keep in mind user flow and making sure the information on screen is simple for the user.


Digital Wireframes

I wanted to include a header, a fluid layout and a navigation bar at the bottom. I also wanted to give users a way of playing trailers and bookmark movies for a different time.





Low-Fidelity Prototype

For my user flow, Users start on the homepage and pick a movie. Then they pick seats and proceed to checkout. They get a “Almost there” page where they confirm the purchase before getting a Confirmation page. Then finally, they reach the Tickets page.

Click on the image to check out the lo-fi prototype.




Moderated Usability Studies

I conducted two usability studies and discovered some helpful insights:

  1. Users tap on words rather than icons.
  2. Users want all their features under the same menu.
  3. Users want simpler way to find tickets.
  4. Users want more than 1 way to get to the home page.
  5. The confirmation screen has too much text.
  6. Drag left to open navigation menu not as useful.








New Paragraph

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

High-Fidelity Prototype

The final prototype includes a startup screen and a profile screen. You can easily follow the user flow and never feel stuck or forced to complete an action. Check it out clicking on the image. (click on restart at the bottom right to view startup screen)



Accessibility Considerations

  • This teal accent color is accessible with a white text. I picked it for buttons and for the navigation menu.
  • I used relatable Icons to help users get familiar with the navigation menu.
  • The animations and transitions between pages are in between 200-300ms

Takeaways

  • Ciné is an easy to use app to purchase tickets before heading to the movie theater. Users can feel at ease knowing they won't have to stand in line, or use kiosks so they can keep themselves safe.
  • Designing is not easy, you have to keep so many things in mind and remember you’re not just designing for one specific group, it should be for everyone. Accessibility is very important and helps your app flourish.

Thank you for checking out Ciné, I had a lot of fun with it as my very first design!



Take a look at my other projects


Portfolio
Share by: