MVP Mobile App - TV & Movie Reviews

MVP Mobile App - TV & Movie Reviews

MVP Mobile App - TV & Movie Reviews

The Brief

The Brief

The Brief

In the current day and age, streaming services are taking over all over media for TV shows and movies. This is simply due to the convenience it provides. Available on virtually every device, users can watch almost any piece of cinema at the click of a button.

Role

UX/UI, Research,

Branding

Tools

Figma, Figjam,

Maze

Timeline

3 Months


Team

1 UX Designer


The Problem

The Problem

Filler

Filler

Filler

Filler

Filler

Filler

Filler

For avid film fanatics, it’s hard to find good enjoyable content to watch. Although streaming services have a recommended section for their users, it is loosely based on the content they have watched in the past. Online reviews may aid in their research in deciding where they should give a show or movie a chance, but are subjective and from strangers.

The Solution

The Solution

Filler

Filler

Filler

Filler

Create a platform for film fanatics where they can connect with their friends leading to better personalized recommendations from people they know.

🔬Research

🔬Research

🔬Research

10 participants were interviewed

Most people prefer personal recommendations from friends/family, since they know the person's tastes


Most people prefer personal recommendations from friends/family, since they know the person's tastes


Most people prefer personal recommendations from friends/family, since they know the person's tastes


“Reccomendations over reviews!”

“It’s help to get a sense of what others think”

“I love sharing my reviews!”

“Reviews aren't important to me, too subjective”

10 participants were interviewed

Competitive Analysis

Competitive Analysis

  • Each product has its own niche & its own userbase

  • Option to create watchlist is an industry standard

  • Simple color pallets & UI

  • Each product has its own niche & its own userbase

  • Option to create watchlist is an industry standard

  • Simple color pallets & UI

  • Each product has its own niche & its own userbase

  • Option to create watchlist is an industry standard

  • Simple color pallets & UI

Competitors

Competitors

Personas

Personas

🌉 Information Architecture

🌉 Information Architecture

🌉 Information Architecture

Sitemap

Sitemap

Sitemap

User Flow

User Flow

User Flow

🔨 Development

🔨 Development

🔨 Development

Review, Lists, Trivia options

giving users a 2nd pathway

for a specific film/show

Review, Lists, Trivia options

giving users a 2nd pathway

for a specific film/show

4 tabs/pages within

the Home tab of the footer

4 tabs/pages within

the Home tab of the footer

Prioritize people that you know

Prioritize people that you know

Low Fidelity Wireframes

Low Fidelity Wireframes

Low Fidelity Wireframes

Prioritize people that you know

UI Kit

UI Kit

utilize gamification in

the form of a visual chart

High Fidelity Wireframes

High Fidelity Wireframes

Vibrant Imagery

brings in

high-contrast

Vibrant Imagery

brings in

high-contrast

Vibrant Imagery

brings in

high-contrast

Vibrant Imagery

brings in

high-contrast

Variant screen

of movie page

Variant screen

of movie page

Search Page

  • 4 Categories to

    browse:

    Films & Shows,

    Reviews,

    Watchlists,

    Articles/Trivia

  • Can Browse by

    Genre below

Search Page

  • 4 Categories to

    browse: Films & Shows, Reviews, Watchlists, Articles/Trivia

  • Can Browse by Genre below

Search Page

  • 4 Categories to

    browse:

    Films & Shows,

    Reviews,

    Watchlists,

    Articles/Trivia

  • Can Browse by

    Genre below

🔎 Testing

🔎 Testing

🔎 Testing

Details

Details

  • 10 participants in a moderated usability test

  • Measured on ability to successfully complete tasks, and in a timely manner

  • Asked which version of movie page they preferred





Task Tests

Task Tests

Task Test 1 - Go to the review tab, and choose a review from your friends


Task Test 2 - Go to the search page, browse genres, and pick one


Task Test 3 - Go to the search page, browse some watchlists, and pick one

Findings

Findings

What Worked

What Worked

  • Easy to understand & navigate

  • Very straightforward

  • Good contrast with imagery


















What Didn't Work

What Didn't Work

  • Nobody reported any issues








Ideas/Suggestions

Ideas/Suggestions

  • Users preferred multicolored buttons over red ones
















💡 Iteration (Or not?)

💡 Iteration (Or not?)

💡 Iteration (Or not?)

Since there were no reported issues from users, no iterations were neccessary

Since there were no reported issues from users, no iterations were neccessary

Since there were no reported issues from users, no iterations were neccessary

Come Check Out Cinemania!

Come Check Out Cinemania!

Come Check Out Cinemania!

🤔 Reflections

🤔 Reflections

🤔 Reflections

Challenges

Challenges

  • Having a Dark Mode product made it tricky to introduce other colors for buttons/CTA's other than red/black/grey

  • Didn't know how to make Cinemania stick over verse it's competitors








How I overcame them

How I overcame them

Dark Mode Colors - Go to the review tab, and choose a review from your friends


How to make Cinema Stand out - Experimentation with various different types of features. Ultimately landed on Articles & Trivia, & combining it with a social aspect. By adding a competitive aspect, as well as some gamification I was able to capture information feature of IMDB and put Cinemania's own twist to it.