CTV News - Local Video Discovery

Context + Problem

CTV News is Canada’s most-watched news organization, with national and local coverage across the country. Local newscasts are a core watch use case, but in the existing app they were easy to miss and often required a non-obvious path.

During internal reviews and early tests, people struggled to:


My focus was on understanding how users scan for local video, validating those behaviors through research, and changing the Local experience so newscasts were visible by default.

Understanding the Landscape

After conducting usability tests, I studied how leading news apps structure video and surface local coverage.

Key Patterns Observed:
  • Video works best when grouped into clear modules (Top Videos, Live, Shows) instead of one mixed list
  • Strong module headers and consistent card patterns reduce hesitation and wrong turns

I packaged these findings into a short review and aligned with product, editorial, and engineering on direction and feasibility before moving into concepts and validation.

Exploring the New Structure

Before moving into high-fidelity UI, I sketched and wireframed multiple directions for the Local experience, then turned the strongest option into clickable prototypes to validate the flow end-to-end.

The goal was to make three actions effortless:
  • Spot and access Local Newscasts from the Local experience
  • Understand the difference between Top Videos and Local Newscasts

Alongside design reviews with product and engineering, I partnered with accessibility specialists to review key journeys and interaction patterns.

To improve clarity and accessibility, we introduced labeled swimlanes and consistent affordances (chevrons/arrows) so it’s obvious what’s tappable and what each module contains, including shows and local newscasts.

Once stakeholders were aligned and the structure held up, we moved into visual design and ran the next round of testing.

Design Refinements

Based on team feedback and testing, I iterated on the Local experience and how video content was organized and labeled.

Our goal was to reduce time-to-video, make local newscasts visible by default, and improve scanning with clear module structure.

Top Stories, Top Videos, and Local Newscasts now live together in one feed. Newscasts are visible by default, and the module structure makes it easier to scan and pick a video quickly.

Benchmarking the New Experience

After launching the updated Local experience, I ran a SUS usability benchmarking study comparing the old newscast path to the redesigned Local Hub using the same tasks and time-on-task measures.

Key Improvements
  • Average Errors dropped from 1.8 to 0 after simplifying the user journey
  • Local newscasts were no longer missed because they were visible by default in the Local experience
  • Clearer module headers and consistent patterns improved scanning and reduced confusion between video types
Reflections

This project reinforced how much structure drives outcomes in a news app. When local programming is buried, people don’t miss it because they aren’t capable. They miss it because the interface doesn’t make it visible at the moment they’re scanning for it.

The module patterns we established, including Top Videos and the city-switching model, are now reusable across other Bell Media experiences. That consistency reduces future design and engineering effort and helps teams ship updates faster without re-teaching users how to navigate.