Floatplane ios App

Floatplane.com is a service that is built by Linus Media Group after the pre-release platform, Vessel, was shut down after Verizon acquired them. The idea of floatplane.com is to host similar services as vessel, meaning the ability to host videos with a higher quality than what YouTube can host and allowing creators to get paid directly for their content without running ads on their videos.

The current website is in an Alpha stage and there are a lot of things that will change before it is running in its full planned capacity. Since they are full at work on the website, they have no immediate plans to make any iOS or Android apps of the service.

This is a design exploration to what an iOS app for floatplane.com would look like.

Logo.png
 

current website

Current website.png
 

In the current version of the website you can scroll through the feed of the creators you have subscribed to as well as watch, comment and download videos. You also have the ability to manage your subscriptions and change your settings such as security settings and billing.

 
 

Research

 

I looked into the various video apps that are available on the App Store to find inspiration and see what features and flows that I could use. I did this since there is no point to re-inventing the wheel and you can always use the good parts of what is already out there when it comes to flows and interactions.

 
Research.png

Ideation

 

I always start my ideation by sketching out wireframes. It is faster for me to scribble down my ideas with a pen to validate and map out my ideas than it is to go into Sketch and start pushing pixels. I can try out a quick concept within a minute instead of spending 10-15 minutes making the UI on my computer. I used the features of the current website as well as taking inspiration from my research to find concepts that worked.

 
PNG image 2.png
PNG image.png

Iterations

 

Just like any project, you never nail your design on your first try. Apart from sketching out my ideas into wireframes, I also tried it out with the more developed design system that I built in reference of the current design on the website. 

 
Home iterations.jpg
 

architecture map

 

The goal of the architecture map is to display the overall structure of the app as well as seeing the app “zoomed out” to get a good grasp of the actual navigation. The goal is to make the overall navigation as simple and logical as possible. The purpose is to make an app that is easy to use, not just something that looks cool and has fancy animations.

 
Architecture Map.png
 
iPhone XS ISO standing.jpg
 

iPad version

Home screen
Video Player.png
Channels.png
Libraries.png