top of page

DocuFilms

Challenges:  Build an app to watch documentaries around the world in one place. 
Deliverables: Goals. Competitive Analysis. Task Flow. Wireframing. UI Prototype. 

Goals and Metrics

As part of my project, my goal was to build an entertainment/ education app that is dedicated to only documentaries covered on the ground, unscripted and all real, and I hoped to:

​

  • Create a great user experience that combines the entertainment and learning aspects of the documentary.

  • Ease of navigation throughout the application.

  • Parental control and access to content restricted to an age group

  • Build a subscription model, that helps convert more users into customers. 

     

As part of my project, my goal was to build an entertainment/ education app that is dedicated to only documentaries covered on the ground, unscripted and all real, and I hoped to:

​

  • Create a great user experience that combines the entertainment and learning aspects of the documentary.

  • Ease of navigation throughout the application.

  • Parental control and access to content restricted to an age group

  • Build a subscription model, that helps convert more users into customers. 

  • Have educational content while engaging as well.

     

Competitive Analysis

west.jpg

Task Flow

Task Flow was done for two flows:

​

  • The user wants to see a documentary.

  • The user wants to signUp for the services.

Saves for later watch
Clicks on the docuemntary
Watches the documnetary
User wants to see a documentary 
No
Knows what they want to see
Yes
Yes
Finds it
Searches for a  documnetary
No
Opens the documentary
User sees Splash Page
Watches that documnetary
User wants to SignUp 
Clicks
SignUp button on the page
 
Fills in details on SignUp page, include age verification
SignUp Successful
Fills in Payment Details
No
Yes
Abandons
Sees details
Parent's information taken and an access given to them as well.
Yes
Person in underage
(below 16)
No
Finds the Plan
Yes
No
Sees Pricing Model

Lo-Fi Wireframes

Based on research, I sketched low-fidelity wireframes, using Balsamiq wireframing tool, and how I imagined this application to be, I tried on multiple designs and came up with this solution based on which I created high fidelity prototype.
 

image.jpg

UI Prototype

Basic SignIn Flow

Basic SignUp Flow

Basic User Navigation Flow

bottom of page