12
Interviews
10
Usability Tests
20+
Survey
50+
Screen



The problem:

The majority of moviegoers dislike waiting in line to purchase tickets.

The goal:

Movie theater app will let users save time which will affect the movie lovers by reserving seats from anywhere they want.

My role:

UX designer designing an app for Shadow from conception to delivery.

Responsibilities:

User research, wireframing, prototyping, storyboarding, competitor analysis, empathy map, persona, user interviews

Understanding the user

I assembled a research plan that included the introduction, research questions, KPIs, methodology, participants, and script. Our qualitative analysis involved interviewing five theatergoers who attend at least once a month. As part of the quantitative analysis, I collected the responses of ten people via Google Forms.




Persona: Sourav



Shadow

Problem statement:

Sourav is a student who needs to reserve a seat while he is at school because once he is done he can go to the theater right after.




User journey map


Eliyas was trying to watch a movie in the theater but first, he needs to download the app. Actions are listed on the chart including improvement opportunities. 


Shadow
Starting the design
Shadow

Paper wireframes

The low-fidelity wireframe is a visual representation of a digital product. Rather than focusing on specific details, they help communicate the idea of the product.


Digital wireframes

The home screen will allow the user to choose a movie which is playing now, tomorrow, and upcoming. 


Shadow

Digital wireframes

Users may able to watch the trailer on this page. The movie summary and cast are there as well. User can select their best time and date to go to the next screen. 




Shadow

Digital wireframes

Users may able to watch the trailer on this page. The movie summary and cast are there as well. User can select their best time and date to go to the next screen. 






Low-fidelity prototype

The low-fidelity prototype connected the primary user flow to reserve seats, so the prototype could be used in a usability study user.

View the Shadow

Low-fidelity prototype


Shadow



Shadow


Refining the design


Shadow






High-fidelity prototype

The final high-fidelity prototype presented cleaner user flows to reserve seats and it also met user expectations. 

View the Shadow

High-fidelity prototype

Shadow







Accessibility considerations

1

Made navigation easier by using icons

2

Provided design with a consistent navigation.

3

Gave careful consideration to color




Takeaways


Impact:

“ This app works perfectly fine just like a normal movie app would.”


What I learned:

By designing the Shadow app, I learned how design process work. The app design has evolved in response to usability studies and peer feedback.



Next steps

I will conduct more research to see if there is any new improvement needed.


Let's connect!

Thank you so much for your time to review my work, if you have any question you can get in touch with me, contact me via email:

pappukar806@yahoo.com