Paramount

Paramount

Paramount

Aligning design systems and improving content discovery on Channel 5

In 2014, Viacom's acquisition of Channel 5, a major player in the UK's media landscape, accelerated their strategy in this key market. However, the subsequent outsourcing of design work for My5, Channel 5's on-demand platform, led to inconsistencies across the platform compared to Viacom's established channels like MTV and Nickelodeon.

As the sole UK-based designer, I tackled the challenge of unifying My5's visual language and establishing a consistent design system across the Paramount Networks portfolio. My core belief was that this consistency would not only streamline development but also enhance user experience and potentially expand My5's user base due to increased brand recognition across Paramount Network channels.

The project wasn't without its hurdles. One key challenge was balancing feature improvements with design system alignment. My5 boasted a vast content library compared to other channels, requiring unique categorisation beyond simple "Movies" and "Series." We tackled this through user testing and brainstorming to develop solutions tailored to My5's specific needs.

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views & facts of the company.

Overview

My time at Paramount was spent focussing on aiding the UK based Channel 5 (My5)

Client

Paramount (Formerly Viacom)

Timescale

2022 - 2023

Role

Product Designer, Workshop facilitation, Stakeholder management, Rapid prototyping, User research, Visual design,

The challenge

Balancing alignment and the need for innovation of outdated user experiences

Following the acquisition of My5, design responsibilities were outsourced to an external agency. This led to inconsistencies between My5's design and the broader multi-brand design system used by other brands like BET, MTV, and Nickelodeon.

To address this, we collaborated with project managers and the lead designer in the US to identify areas for alignment. The live TV player and browsing experience were prioritized based on their impact on user experience and the complexity of implementation. Through careful analysis, we determined the most effective approach to streamline these elements across the design system.

Some early issues identified when looking at the designs done externally:

  • Lack of accessibility consideration and guidelines

  • Components not built using up to date Figma features

  • Inconsistent and fragmented experiences across brand and product

  • Not all components being used in designs have been built

  • Doesn’t cover all platforms and touch points (only consumer app)

  • Updated designs focussed on web

  • No governance guidelines or roadmap for adding new features/components

With a number a platforms to be tackled the scope of the work grew. This alignment would need to be designed and developed for tvOS, Android tv, WebOS, Android, Web and iOS.

The solution

Research presented us with valuable insight that helped us in creating an amazing solution.

The first action of this project involved understanding the opportunity from a business point of view and identifying the correct problem to solve for our users. This process involved thinking about dealers' and sellers' needs and objectives. Based on our research findings, we identified a core set of features and functionalities necessary to include in our minimum viable product (MVP). These key features would be beneficial in helping us be distinguishable enough from our competition and also ensure we were tackling the needs of our future users.


  • Access to seller information
    One distinguishing factor from our competitors in the space was that we already had a foundation of information about these vehicles that would be filtered through the app. This was a huge benefit because it meant drivers could not only have a great deal of context but also could verify information that was reported


  • Smoother questioning
    A lot of what was done during the research phase was looking at how we could also stop duplicate questions + also unnecessary questions that had become standard but didn't add much value to the experience. adjusting all of this meant we could offer a more efficient set of questions that still presented as valuable of an output as our competition

Testing the alpha

We moved into development after testing a high-fidelity prototype internally and on calls with stakeholders. The app was first built for iOS, utilising the existing Motorway design system and iOS native components. We spent six months building what we called the "Alpha." This product version allowed us to take it into the field and test it with real drivers. The importance of this was twofold: we could gather feedback from drivers and observe how they interacted with the app. This part of the project proved to be incredibly insightful, teaching us a lot more about our product.

Key objectives

  • Understand how drivers will use the new app

  • Identify usability issues or errors

  • Identify opportunities for improvement

High-Level Hypotheses

Drivers can conduct an inspection from start to finish without major issuesDrivers find the app easy to use and are able to navigate through it seamlesslyDrivers understand and value the approach of confirming seller-declared informationDrivers find the driver app checks comprehensive enough.

How did we do ?

All 4 hypothesis were either partial or true, which was very positive for the team and meant our direction wasn’t going to shift too much in order to release a ‘Beta’. Based on this testing we generated 24 recommendations for our next steps, ranging from high priority to low.

Nothing is quite "final", is it?

Late January, we went live with the mobile app for iOS users and staggered the launch for our key transport providers, we came across a few initial challenges but these were easily overcome. Since then we have continued to make improvements to the application launching with key features.

One of those more recent key features was a demo jobs which was based on the need for drivers, internal staff and more to get a hands on experience of using the app without needing to have a job assigned to them.

Key features

Demo jobs

This feature was introduced late in the development cycle to address a growing discrepancy between our in-app tutorials and on-site training. Despite our efforts to create an intuitive user experience, new drivers often struggled to navigate the app during their initial use. This disconnect negatively impacted both the driver's experience and their interactions with stakeholders.

To mitigate this issue, I designed a Demo Job feature. This feature replicated our standard inspection process but used a demo car with placeholder details. By providing a guided walkthrough of the app's functionalities, we aimed to bridge the gap between theoretical knowledge and practical application, enhancing the onboarding experience for new drivers.

Demo jobs


This feature was introduced late in the development cycle to address a growing discrepancy between our in-app tutorials and on-site training. Despite our efforts to create an intuitive user experience, new drivers often struggled to navigate the app during their initial use. This disconnect negatively impacted both the driver's experience and their interactions with stakeholders.

To mitigate this issue, I designed a Demo Job feature. This feature replicated our standard inspection process but used a demo car with placeholder details. By providing a guided walkthrough of the app's functionalities, we aimed to bridge the gap between theoretical knowledge and practical application, enhancing the onboarding experience for new drivers.

Demo jobs

This feature was introduced late in the development cycle to address a growing discrepancy between our in-app tutorials and on-site training. Despite our efforts to create an intuitive user experience, new drivers often struggled to navigate the app during their initial use. This disconnect negatively impacted both the driver's experience and their interactions with stakeholders.

To mitigate this issue, I designed a Demo Job feature. This feature replicated our standard inspection process but used a demo car with placeholder details. By providing a guided walkthrough of the app's functionalities, we aimed to bridge the gap between theoretical knowledge and practical application, enhancing the onboarding experience for new drivers.

Seller information

A seemingly minor addition to our mobile app, the ability to verify existing seller information, proved to be a significant enhancement to the inspection process. By eliminating the need for redundant data entry, drivers were able to save valuable time. This feature was rigorously tested and validated during development, ensuring its alignment with our goal of streamlining the inspection process.

Seller information

A seemingly minor addition to our mobile app, the ability to verify existing seller information, proved to be a significant enhancement to the inspection process. By eliminating the need for redundant data entry, drivers were able to save valuable time. This feature was rigorously tested and validated during development, ensuring its alignment with our goal of streamlining the inspection process. onboarding experience for new drivers.

Results & Metrics

Results & Metrics

Through continuous testing and adaptation of our designs since the release of the product we have been able to determine that the product is beneficial to users and has indeed made the process much more efficient.


50%

increase in inspection efficiency


90%

adoption rate due to streamlined workflow


19,000+

Since the January launch app


The journey for this app doesn't end here and the team continues to iterate and tackle user challenges that arise. Post-launch the team tackles tech debt and further efficiencies where necessary. A thorougly enjoyed exprience that allowed me to tackle an area not ventured into by the business