WOWtv Responsive Design

WOWtv - Responsive Design

The Project: WOWtv is a website that is fully loaded with media contents, which includes VOD, subscriptions, social media integration, etc. This site can be used to adapt and stretch according to the different devices. Initially, we only had this website available for desktop users. Fortunately, after achieving the target number of audience, we had planned to enhance the user experience to enable our viewers to access our content from different platforms.

Typography: OpenSans was used for this design

  • Categories: Media Streaming
  • Type:Responsive Design
WOWtv Typography Choice

Wireframe: The wireframe was built on 960 grid with 12 Columns layout

Homepage Wireframe
Video Listing Wireframe

Design: After crafting the information architecture and wireframes, I dive into the design process to design the high-fidelity layout.

Homepage
Video Listing Page


Movies Page
Subscription Page

Responsive and user experience: As we embarked on the early days of the digital mobile device era, our journey towards responsiveness presented a significant challenge: maintaining high image quality for retina displays. With our media-rich website loaded with thumbnail pictures, our primary focus was to strike a balance between conserving bandwidth and delivering uncompromising quality.

Movies Page

I executed this project from the initial stage to the final stage of the design. I handled every aspect of this project, guiding it through multiple iterations to reach this state. Designed with user accessibility in mind, all content is seamlessly available to viewers, with the added convenience of sharing across various social media platforms.