Paravi

Paravi (パラビ) is a subscription-based streaming service. It provides a vast array of domestic and international films, TV series, anime and exclusive content.

My Role
UI & UX & Design System Designer

Platforms
Android, iOS, TvOS, Android TV, Fire TV

Tools Used
Figma, Zeplin, Miro, Principle

Timeline
July 2018 - Feb 2021

Scope of Work

Cross-Platform Design & Iteration

For the Paravi Project, my responsibilities included:

  • designing new features

  • creating user flows

  • prototyping new features

  • user testing and user interviewing

  • iterating on the designs based on user research and quantitative data

of all platforms: Android, iOS, TvOS, Android TV and Fire TV. Also, we were working as an agile team that made biweekly updates. Despite working on all these platforms, this case study will solely focus on a single case for mobile.

Overview

Paravi App's Integration with Chromecast

The client needed a quick-yet-efficient solution to incorporate Chromecast into their current streaming application. This quick delivery was necessitated by the rapidly increasing number of their users switching to Chromecast. However, the development team was inclined to adopt the default designs to achieve the fastest delivery, which did not align with the Paravi's distinctive visual identity.

Challenge

Overcoming Time Constraints & Ensuring Brand Consistency

The primary challenge was the limited time available for conducting in-depth Chromecast research, prototyping, and generating the final designs. Additionally, the development team planned on using the default Chromecast designs for a quick release, but those designs did not align with the established Paravi visual identity. This discrepancy posed a threat to the brand consistency and could potentially affect UX adversely.

Solution

Leveraging Google Cast Design Guidelines & Strategizing with the Development Team

The first step towards the solution was to quickly but thoroughly study the Google Cast Design checklist to understand the specific guidelines and restrictions. This approach provided an outline structure around which customisations could be planned. Following this, a discussion was initiated with the development team. The objective was to find out the extent of alterations possible with the default Chromecast designs that would minimally affect development time and cost.

Accepting the developers' suggestions, we began to tweak the design's visual aspects to align it with Paravi's branding while retaining Chromecast's default behaviors. This balance was key to avoid compromising the app's optimal functionality.

Following this, user flows were created based on Chromecast's default behaviors, serving as guides for user-friendly feature navigation.

Lastly, we drafted design mockups and contextualized them with Paravi's branding, ensuring the modifications did not negatively affect usability and intuitiveness.

After finalizing Paravi-branded designs, we created a prototype, allowing us to confirm its alignment with Paravi's identity and the app's usability. After creating it, the prototype was reviewed to ensure consistency with Google Cast Design guidelines and our initial user flow.

The finalized prototype was then presented to the client for approval and to provide a visual of the final product. Through a methodical approach, we successfully integrated Chromecast functionalities with Paravi's branding, ensuring the design solution aligns with the final product.

Our final prototype maintains the default Chromecast behavior while aligning with Paravi's visual identity.

Reflection

Strategic Approach & Collaboration Key to Project Success

This project provided us with key insights and valuable learnings about managing efficient design solutions amid tight deadlines and specific brand requirements. Looking back, we see that with a strategic approach, adaptability, and perseverance, we were able to deliver a product according to the Paravi standards and the user needs.

We recognized the importance of effective communication and collaboration with the development team. Their inputs on the limitations and possibilities for design modifications were crucial in shaping our design decisions.