Loading
Top

Cinexplor

Scroll Down

Initial Idea


I use multiple websites to watch movies / TV shows from, but I wish there was a website that combines the websites all together and show me the result on a single page.

Catalina Busciglio - Movie Enthusiast

Project -> Real Product

After doing some research and scoping out the work, I really wanted to make this website to be a functional website.
So, I contacted one of my full-stack developer friends to help me complete this project.

Objective

Create a website that helps users to search movies and TV shows through streaming services that they've selected.

Design Process

Research / Scope

After some research with the developer, we were able to find some APIs that could help us building this project. With the information that APIs could provide, I wrote down some of key features that I need and is nice to have.

Site Map / Information Architecture

Wireframe / Prototype

After laying out some of the key features, I made basic wireframes to help us guide to the goals.

I confirmed my idea with the developer and started to create high-fidelity prototypes.

Adding Features

Basic pages were there, but we were missing the key functionality including search and discover.

With user testing between each iterations, I was able to finalize the designs for both search and discover features.

Discover & Search Preview

Adding Pages

At this point, we had home, discover, search, and information page set up. But I wanted a page that gives the users our choice of pre-selected TV Shows and Movies.

Using the choices what the API gives us, we were able to sort out the genres and combined them with age filter to create custom lists of the Movies and TV shows.

Page Result

With 10 popular lists for every single row, users can now quickly glance over and check out movies and TV shows that might interest them.

Conclusion

This project was completed in 2 weeks sprint. With tight timeline, we weren't able to fully support the multiple resolutions (This entire project was made in 1080p) but we are planning to make it fully responsive website when the time is right.

Aside from what's been built, I'd like to include more features include,
Sign In: which will allow users to save their favorite movies/shows and create their personal lists for plan to watch, currently watching, and etc.
Better Animation: To jump screen to screen much smoother and overall make the website feel concrete and finished.