top of page
![](https://static.wixstatic.com/media/2a18ee_fd8d9186a41e49cab351f43be099f3fd~mv2.png/v1/fill/w_675,h_439,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_fd8d9186a41e49cab351f43be099f3fd~mv2.png)
Cinemagic
UX Case Study
In July 2021, I took it upon myself to start creating and expanding my knowledge of UX Design. I enrolled in the free trial of Google’s UX Design course and took note of the crucial steps from start to finish in a UX case study. With the information gained, I created my own case study using the website, sharpen.design.
The Problem and The Goal
The prompt was created for me through sharpen.design:
Design a movie trailer app for a trailer viewing app for a movie theater in Portland
With a quick search, I found a local movie theater in Portland, OR named Cinemagic.
The ultimate goal I had in mind when beginning this process was to design an efficient app that would not only benefit the customers, but also the movie theater in business.
Roles and Responsibilities
This was my first solo case study and first UX case study in general, which allowed me to cover the design process from start to end.
This included:
Creating User Studies and Personas
Creating Wireframes
Conducting Usability Studies and Interviews
Developing Low and High Fidelity Prototypes
Designing Mockups
Understanding the User
User Research Summary
![](https://static.wixstatic.com/media/2a18ee_f6124849e68f450588907d045e329e77~mv2.png/v1/fill/w_902,h_348,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_f6124849e68f450588907d045e329e77~mv2.png)
User Persona
User Journey Map
![user_journey_map.png](https://static.wixstatic.com/media/2a18ee_673d87040c0f40b5b4026a33d0e53bb2~mv2.png/v1/fill/w_710,h_418,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/user_journey_map.png)
Starting the Design
As I was starting to sketch out the design for the wireframes, I had a better vision of what I wanted the interface to look like.
Paper Wireframes
![](https://static.wixstatic.com/media/2a18ee_4529f1b7c7e9497cbe4f59f0bce94b37~mv2.jpeg/v1/crop/x_0,y_0,w_1387,h_1389/fill/w_323,h_323,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_4529f1b7c7e9497cbe4f59f0bce94b37~mv2.jpeg)
![](https://static.wixstatic.com/media/2a18ee_4529f1b7c7e9497cbe4f59f0bce94b37~mv2.jpeg/v1/crop/x_0,y_1377,w_1387,h_1196/fill/w_376,h_324,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_4529f1b7c7e9497cbe4f59f0bce94b37~mv2.jpeg)
Digital Wireframes
![](https://static.wixstatic.com/media/2a18ee_4bd2430450db4c68840ba4edfe011ba1~mv2.png/v1/fill/w_851,h_286,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_4bd2430450db4c68840ba4edfe011ba1~mv2.png)
Low-Fidelity Prototypes
![](https://static.wixstatic.com/media/2a18ee_a70fa6466bdc44b8b27db06196323565~mv2.png/v1/fill/w_898,h_251,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_a70fa6466bdc44b8b27db06196323565~mv2.png)
Usability Studies
![](https://static.wixstatic.com/media/2a18ee_4f4a0500b112458a9aca63190705c94c~mv2.png/v1/fill/w_471,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_4f4a0500b112458a9aca63190705c94c~mv2.png)
After conducting a usability study with a handful of classmates, I took the feedback into consideration and made changes accordingly.
Refining the Design
Mockups
![](https://static.wixstatic.com/media/2a18ee_bb13a3480cf14840ba62af808a431c0d~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_bb13a3480cf14840ba62af808a431c0d~mv2.png)
![](https://static.wixstatic.com/media/2a18ee_c14b23df68ae4eecada760cddc27fdb5~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_c14b23df68ae4eecada760cddc27fdb5~mv2.png)
![](https://static.wixstatic.com/media/2a18ee_341b8796bf534bd7a16bb42118a0884c~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_341b8796bf534bd7a16bb42118a0884c~mv2.png)
![](https://static.wixstatic.com/media/2a18ee_51d6179020a549bc8e8ee385ec636d42~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_51d6179020a549bc8e8ee385ec636d42~mv2.png)
![](https://static.wixstatic.com/media/2a18ee_f33bcc5fc5584c229c12e087d48427c4~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_f33bcc5fc5584c229c12e087d48427c4~mv2.png)
![](https://static.wixstatic.com/media/2a18ee_63fdae9cd9b24f9aa51902a35ce2990f~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_63fdae9cd9b24f9aa51902a35ce2990f~mv2.png)
![](https://static.wixstatic.com/media/2a18ee_b5c29883bf9845a39e28a2fde152de0f~mv2.png/v1/fill/w_277,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a18ee_b5c29883bf9845a39e28a2fde152de0f~mv2.png)
High Fidelity Prototypes
Going Forward
Takeaway
Impact:
As my first case study, I feel more confident in myself to design and create.
What I learned:
The UX Design process is thorough and requires a lot of attention to detail. I know understand the laborious process that UX Design requires. I soon realized that working on case studies alone is very challenging. For my future projects, I hope to be working with a partner or a team!
Next Steps:
This first project was just the beginning of my UX career! I know I have a long way to go and a lot more to learn.
bottom of page