Design Works

Movie Night iOS App

iOS app that help organize movie night events by assessing participants' tastes and suggesting the best film to watch together.

0 claps earned
Movie Night iOS App


UX/visual designer, front-end developer (VIEW component of MVC pattern)




When organizing a movie night with friends, choosing the film to watch together can be a painful process. The larger the group, the harder to select the perfect movie that everybody would enjoy watching. How do you make it easy to gather friends, pick time and place, and most importantly, select the perfect film to screen?


The main idea was to devise an impeccable recommendation engine, which will collect users' preferences and insights on a variety of films and present the perfect selections for a movie night by cross-analyzing participants' taste database. Users can browse a huge list of movies provided through TheMovieDB API, and choose to leave quick insights on each film: 1) did you watch this film? 2) would you watch it with your friends? 3) how bad do you want to watch it? When it's time for gathering, users can simply create an event by choosing the date and time, connected via Facebook Event, and inviting friendsand the app will take care of the rest by recommending the impeccable film to watch together.


A four-people team divided roles per MVC pattern: MODEL, VIEW, and CONTROLLER. My responsibility was to design and build the VIEW componentthat is, to 1) architect the user experience, 2) design user interface and layout, and 3) ultimately program the front-end view of the application using iOS native SWIFT. The other members would separately develop MODEL and CONTROLLER components that handle recommendation engine and other back-end functionality, and plug them into the front-end VIEW.


Three-week sprint resulted in functional front-end shell of the app, but the complete app never got to come to fruition. Although API integration was well on its way with Facebook and TMDb, the core recommendation engine development came to a halt as the responsible team members got pulled into other engagements.

Initial UX hand-sketches Initial UX hand-sketches

Key screens at a glance Key screens at a glance

Login with Facebook Login with Facebook

Browsing various movie sections Browsing various movie sections

Viewing movie details and entering insight Viewing movie details and entering insight

Browsing events and RSVPing Browsing events and RSVPing

Clap a few times
if you liked it
© 2021 by Bumhan Yu