Streaming Page Low-fidelity wireframe
WatchWithMe is a SaaS product that I worked on. This is a streaming site that friends can use to watch a show or movie together online from anywhere in the world.
We were a small team of freelance designers who collaborated on this project.
UI designer (Primary)
- Design 2 pages; (Home page, Streaming page)
- Create low, mid, and high-fidelity frames for Desktop
Home Page Low-fidelity wireframe
Streaming Page Low-fidelity wireframe
Home Page Medium-fidelity wireframe
Streaming Page Medium-fidelity wireframe
All Changes made to prepare for the final wireframes
- The icon was removed and only the written logo will be visible
- Information stamps on the preview images were moved
- The home page was edited to be more centered
Must Haves
- The Background should be consistent with the site's dark mode theme
- Besides white and black, only hues of blue may be used
- A fuller version of the home page should be made to showcase the idea
Home Page High-fidelity wireframe
Home Page High-fidelity wireframe (Full)
Streaming Page Low-fidelity wireframe
I have learned a lot during this project, such as how to work in a group with each designer being given a few pages to design while maintaining consistency throughout the product.
When communication is done properly and everyone truly works together there is no such thing as too many cooks in one kitchen.
Staying consistent with typefaces, fonts, color, and margins with everyone was difficult and interesting to get a hang of at first but once a system was sorted out everyone was flying through their wireframes.