Movie Trailer App & Project Overview

Here’s my very first project of movie trailers and updates including ticket purchase for movie lovers and relaxation seekers.

I designed both the UX/UI of the app from concept to user engagement, responsible for user interviews, wireframing, prototyping, usability studies, accessibility, and design iterations.

AI Copywriter

User Research Summary

Through interviews and empathy maps, I identified a primary user group of busy adults who struggle to find time to watch movies in theaters. However, further research showed that time was not the only barrier, other issues like personal interests, interruptions, and interest loss challenges also affected their motivation.

Accessibility Considerations

Paper Wireframes

Paper iterations of each app screen helped addressing user pain points before moving to digital wireframes. The home screen prioritizes the movie card with brief movie info.

First Mockup Improvements

After the first user testing round, UI/UX issues like negative spaces, unclear navigation cues, and repeating search bar bottom line are revealed. I rounded the poster corners, added arrows for better navigation, and improved the search bar by making it a box with inner shadow.

Affinity Diagrams

After stating the issue and problems, I have concluded and arranged what confuses and frustrates users.

Second Mockup Improvements

The second usability study and the affinity diagram revealed cluttered and unclear movie detail screen. Changes made: combined movie poster and the plot section, removed the Location & Showtimes, added the Cinemas & Showtimes page, and included navigation cues.

High-fidelity Prototype

The final prototype improved user flows for theater location and showtimes, as well as the movie trailer detail view. The image shows the detailed connections of the prototype.

What I learned & What’s Next?

While designing Movie Trailer App, I learned that the research, usability studies, and peer feedback influenced each iteration of the app’s design.

For my next steps, I will

Thanks for your lovely stay :)

© 2023 Your brand name

LinkedIn icon
Intuit Mailchimp logo