Designing for the Mobile Video Experience

Fullscreen is a media company and MCN (Multi-channel network)–offering representation, promotion, and tools for creators and influencers on major platforms such as Youtube. I joined Fullscreen in 2014 as a product designer on the mobile team. At the time, Fullscreen was moving into the subscription video content space and developing their own SVOD (subscription video on demand) platform. I worked on the iOS and Android apps for the platform.

Our goal from the start was to bring a solid platfrom into the competitve VOD market. It was meant to bring Youtube influencer content up to the same premium level as Netflix, Hulu, and the like. Our product team was comprised of 5 dedicated designers, 12 engineers disperesed across web, mobile, and QA, and 2 product managers.

Defining the core experience

I started out taking exsiting prototypes and mapping out the user flows for documentation. At the time, the state of the mobile apps were in feature development and still needed the core experience defined. Using the exising prototypes and user data, we were able to determine the proper course of action for designing the core UX of the mobile platform. 

Designing the prototype

Once we had the flows and over all experience together, we started to assemble a prototype. The prototype was developed to give engineering a model to began development with and gave us something to put in users hands and test. 

Building the prototype

Building the prototype cam down to what translated to code easiest. For this I went with Framer. Framer allows you to finely control interaction and animation details down to the millisecond. It also gives the end user remarkable UI feedback and offers easy device viewing with Framer Viewer.