About the project

Canadians across the country rely on CTV News as their trusted source for national and global current affairs. With strong brand recognition from their nightly national newscasts and localized programming, CTV News has established itself as a leading digital news destination in Canada—consistently ranking among the top news sites in the country.

Despite this prominence, the CTV News homepage utilized numerous carousel implementations for different content types that weren't serving their intended purpose effectively. The National News broadcast promotion carousel, in particular, employed an accessibility-problematic UI pattern that neither showcased broadcast content effectively nor provided clear pathways to video content. While editorial teams were accustomed to this format, they were unaware of better alternatives that could enhance content discovery while improving accessibility.

The challenge was to re-imagine this high-profile component in a way that would maintain its promotional function while addressing accessibility concerns and creating a more intuitive content discovery experience—all within the constraints of an aging CMS platform and established editorial workflows.

By re-imagining this high-profile component rather than simply "fixing" it, we could demonstrate how questioning established UI patterns can simultaneously improve accessibility, enhance user experience, and better fulfill business goals—setting a precedent for similar improvements across the site.

Role

Front end developer - Refactored Vue components

Accessible design advocate - Wireframed and researched

Tools

Ideation - Miro whiteboard

Development - IntelliJ, AEM, Vue3, HTML, SCSS, JavaScript

Duration

6 weeks

Year

2022

Discover

Define

Develop

Deliver