top of page

Movie Trailer App

Vectary texture.png

UX DESIGN

Vectary texture.png

O

VERVIEW

Movie trailer app is a mobile app designed for data saving users, student's & people who can't read 

This is a conceptual case created as a part of my Ux certification

The problem:

Users feeling frustrated while using the apps contains more ads and excessive usage of data apps & un-understandable language.

The goal:

Design an app which helps users to overcome those all frustrations and easy to understand, like choosing language option, Accessible design with few clicks to complete the task.

TOOLS

figma.png

Figma

DURATION

clock.png

8 weeks

ISCOVERY

D

ROLE

pen-tool.png

UI/UX Designer

In my research I conducted qualitative and quantitative, for qualitative research I asked 5 basic questions like how much time do you use a movie trailer app & their best experiences & bad experiences about movie trailer apps, and I took 5 quantitative survey.

How do you watch movie trailer ?

Preventing UV radiation from being absorbed by the skin.png

Competitive audit

I did a competitive audit to find the competitor's strengths and weaknesses by downloading their movie trailer apps, and read their audience review comments, This gave me the clear idea about users pain points.

Screenshot 2022-08-06 at 10.54.50 AM.png
Screenshot 2022-08-06 at 10.57.04 AM.png
Screenshot 2022-08-06 at 10.57.20 AM.png
Screenshot 2022-08-06 at 10.52.39 AM.png

Apps

Multi-language

Data saving

Unknown.png
crossed.png
check.png
Unknown.jpeg
check.png
crossed.png
unnamed.png
crossed.png
crossed.png

D

EFINE

User persona

Blue and Orange Foundational Customer Journey Mapping Online Whiteboard.png
Blue and Orange Foundational Customer Journey Mapping Online Whiteboard-2.png

User journey map

Goal:-

An data saving movie trailer app

Kiran kumar

Image.jpg

Goal:-

Easy app to understand movie trailer app

Indira rani

image 2.jpg

I

DEATE

User flow

User flow reflect's the user journey from launch of the application, exploring it's function to completing the task I created a user flow.

User flow -2.jpg

Wireframes

I started my design with pen & paper, later turned the samples into digital wireframes.

IMG_6743.jpg
IMG_6744.jpg

I created a Home Screen paper wireframe the v.1 represents the final outlook.

Digital-wireframes

Project movie-1.jpg
Project movie-4.jpg
Project movie-2.jpg
Project movie-3.jpg
Project movie-5.jpg

D

ESIGN

Low-fidelity 

I started low-fidelity prototype based on the wireframes I created.

Iteration A

Home page.png
Movies.png
Games.png
Search screen.png
genre.png
crime.png
video step-2.2.png
Language.png
Tv shows.png
Final screen.png
additional frame.png

Iteration B

setting screen.png

Managed the following steps into 1 screen so users can complete the steps easily.

Added the profile setting to slide elements, so users can access them both easily with simple steps

Home Nav.png

Visual design

Colors

#879DD7

#FFFFFF

#787977

#252B3B

#535C73

Font

Open sans

Helventica

Typography

H2  20pt  

H3  15pt  

Body 114pt

Icons

bookmark-filled.png
bookmark-outline.png
chevron-left.png
settings.png
favorite.png
share-social.png
search.png
star-filled.png
create.png
visibility.png
notification-filled.png
notification-outline-none.png

Buttons

Rectangle 159.png

Sign-in

Rectangle 158.png

Sign-up

radio-button-on.png
down-circle-enclosed.png

Affinity diagram

Vectary affinity drawing.png
affinity diagram-1.jpg

High-fidelity design

Vectary texture.png
Vectary texture 3.png
Vectary texture 9.png
Vectary texture. 6png.png
Vectary texture 5.png
Vectary texture 7.png
Vectary texture 10.png
Vectary texture 1.png
Vectary texture 8.png
Vectary texture 4.png
Vectary texture 11.png

High-fidelity prototype

Screenshot 2022-08-02 at 8.05.22 PM.png

T

EST

Testing & usability

After building the prototype, I tested the design with friends and family. Adding their feedback here.

julien-tromeur-QW3OUweGvlA-unsplash.jpg
33.jpg
52.jpg

Kiran kumar

"the app is really great the content and options are really great"

vadim-bogulov-rdHrrFA1KKg-unsplash.jpg

Indira rani

"It is so easy to access easy to understand".

Uday ram

"In first I can't find the genre and audio options, now it is really great to access".

43.jpg

Praveen

"I liked the app cooler and options, they are cool"

Meghanadh 

"I loved simply clean look of it".

Recollect

This was my first case study after entering the UI/UX world, It was quite exciting to do. Since this was a conceptual case for my certification, I had to come up with everything from the scratch. It was challenging at first but I had lot of fun doing it. The project is overused  topic, but for me  it's already chosen. So, I tried to understand the pain points and discovered & designed a product.

​

​

                            I want to learning & design cool stuff!!!

6a93ab3536ce11fa2a26788ee2d82a1d--thor-marvel-marvel-comics.jpg

THANK YOU for reading

bottom of page