VUE Movie Database

IMDb for Asia, the biggest database for movie and celebrity and Netflix finder.

Overview

Object

If we could collect all the movies into a database, what would you do? At the first meeting, the product owner asked me this question and I immediately thought of IMDb, the website I would always check after I see a movie. However, IMDb actually did a great job on the database, what else could we do? As a product based in Taiwan, the object came up to curate the biggest movie database in Mandarin, the IMDb in Asia. We also aim to create better UI & UX design comparing to IMDb’s 90’s style.

Approach

After the first meeting, we decided to build this product by Scrum. In the beginning, all the team members collected user stories on Jira, and product owner categorized them into a different phase. At the same time, I did lots of research and planned the content structure for each page. Then we soon had our minimum viable product (MVP). We kept doing user testing and optimized, and started engaging in marketing, facebook business page and looked for any cooperation.

My Role

It was a valuable experience for me to craft a product from 0 to 1. As a crazy movie lover, I planned and designed everything by research and my own experience. In addition to the UI components and website, I worked closely with the marketing team to create most of the marketing materials, media kit and landing page for their need. For phase 2, I worked with the project manager about the content we are going to have.

Duration

Jan 2017 - June 2018

Tools Used

MindNode, Eagle, Atlassian Jira, Sketch, InVision, Keynote

Links
vuedb.com

The Challenge

The biggest challenge for me was that it was difficult to design and think about functions at the same time, I should plan the wireframe at least first. And without the client, I actually reviewed all the design layouts by myself, how could I decide the design is good to go?

Process

Kickoff

Originally, we just wanted to craft a MVP that dedicated to a small focus group, the true movie geek. So the information architecture we planned was very simple with the necessary content. However, no more than 6 months, we found that there are many possibilities for entertainment field. It is not only about movies but also distributors, VOD and forum.

The original information architecture of VUE.

The original information architecture for the MVP.

The information architecture for pahse 2.

We added more idea for phase 2 later.

Research

Luckily, there are so many references relating to the movie, ticket booking, and reviews. Despite the United States, websites in Japan, China, Korea, and Taiwan all have their own features due to the different culture. I took those good finds and applied them properly on designing VUE.

Research on Movie Field

User Stories

Developing the product by Scrum, we set the epic according to the information architecture we defined before. We organized the user stories and all the tasks on Jira and categorized them into belonging epic and phase. Some user stories came to below:

  • There is a movie quite famous recently. I want to know more about its reviews.
  • I don't have time to see the movie but I would like to add it into a watchlist then I can check later.
  • I made a movie list and want to share with my friend.
  • What is the highest rating movie recently?
  • I am going to see a movie later, where is the nearest theater around me?

Based on the goal of MVP, we still tried to satisfied users’ need on the early stage. Other stories may take too much time or resources were arranged to phase 2.

User Testing

After finished the prototype, we conducted user testing and interviews with 12 users, most of them are our colleagues. During the process, our project manager notes all the feedback and bugs as tasks on Jira, and we discussed those opinions, decided how to optimize them.

User Testing & QA

Before user testing and user interview, we printed out the main page and noted our comments.

Final Design

Beyond the imagination, we finally launched the website on Jan 2018 with the marketing campaign. Along with multiple functions, users can add their favorite movie to a list, and also see other users’ rating. They can discuss and share their opinions with each other after watching a movie.

We already started cooperating with two theaters and you can directly book a movie ticket through VUE. And for the database, we have curated the largest movie database that contains over 350,000 movies and 2 million cast data in Mandarin. So far, the website of page views hit 100 users for the real-time and still growing.

Recent Ratings

Recent Ratings

Add to Movie List

Add to Movie List

Discussion

Discussion

Movie Times & Tickets

Movie Times and Tickets

Launch Campaign

It is time to introduce the website to more people. We planned a marketing campaign on Facebook, the goal is to let people know what VUE can do for them. Considering the engagement rate and affinity categories, we created a video to introduce the functions. We spent some marketing budget for the campaign and it attracted page like and increased page views on the website.

The intro video we created for launch.

And More...

Media Kit

In mid-2017, we received an inquiry for cooperation from Malaysia. For the first time, I researched to know more about the digital experience in South Asia. Except for some extraordinary website, for example, book my show in India, the rest of the website are in old style and hard to use. We took the chance and cooperate with a local marketing company in Malaysia, started from translating VUE into Malay.

Besides, our marketing team actively looked for cooperation opportunities with more theatres. We created a complete media kit to explain our idea from the very beginning, our development background, all the UI and functional design and the potential possibility of VUE. Take a look for the media kit if you interested.

Media Kit of VUE

Media Kit of VUE

Phase 2

Due to the fast development of VUE, we had started to optimize UI, UX design and plan for new sections for a few months. Our main objects would be:

  • A landing page to let people know every magic on VUE in a short time
  • A new page for VOD services (still relating to the movie and TV shows)
  • More engagement in the movie reviews and discussion (maybe forum)
  • More sociable between users (those movie geeks)

Wish the product still growing though I am leaving :P

Add to List
Phase 2 for Distributors

Conclusion

What I Learned

It was lucky to build a product you would actually use. Even sometimes I fall into cognition mistake, the process was enjoyable. Though I was not so experienced at the moment we started the project, I learned and grew up with it, the journey with VUE. From 0 to 1, it is complicated to clarify what I learned. I guess the most pressure gift I got was the experience of creating your own product, you will not be restricted by the client, just do the best you can.

More Projects

KINJO Metalworking

Web Design, E-commerce, Branding, Online Booking

Gig Bird Event Calendar

MVP, Logo, Web Design, UI/UX