WillInMotion - A Figma Project

Summary:

This was a piece to test my understanding of user-centric design, an exercise of identifying what contributes towards an easy to use video hosting platform, and how to best utilise space on a screen efficiently.

I began with a blank canvas, working within 1920 x 1080 frames, then moved to analysing and identifying key features and components seen on popular streaming and video services such as Twitch and Youtube. Once I had this in mind, I created a list of the key pages that I would need to plan and prepare for.

This included:

  • Home Page
  • Registration/Signup Page(s)
  • Account Page
  • Video Page (with comment section)
  • Settings Page
  • Playlist view
  • “My Uploads” page

 

Once I had this in mind, I then moved to font and colour pallet choices, as I wanted to make something which felt warmer. I used a ‘Watermelon’ shade of magenta and a toned down cyan/turquoise to have a contrast, while using a bone colour to add a neutral shade in between. After this was all considered, I began to create suitably sized components that would make the basis of the search/side menu bars.

Once those dimensions were considered, I next started to build the home and video pages, before returning to the list of important pages I had made before.


Overall, I am happy with the outcome, as I was able to set a new personal record regarding the time it took to create such a project from initial drafting to the final adjustments.


*All Images were sourced using Upsplash

Project Gallery