CTV News Web Navigation overview

Case Study · Bell Media / CTV News

Web Navigation & Menu Structure

Restructuring a bloated 25+ item news dropdown into a clear, grouped hierarchy, using card sorting and IA research to build a navigation system readers could actually use.

Timeline Apr 2024 – Jan 2025
Platform CTVNews.ca (Web)
Role Product Designer
Methods Open + Closed Card Sorting, IA

No structure, no hierarchy

CTVNews.ca's News dropdown had accumulated items over years of editorial growth. The result was a flat list of 25+ destinations with no grouping and no hierarchy, so users had to read every item to find what they were looking for.

Before: News dropdown with 25+ items and no clear grouping

CTVNews.ca homepage, showing the News dropdown as it existed before the redesign

The problem

  • 25+ items in a single flat list with no grouping
  • No hierarchy or visual logic
  • Items added ad-hoc over years of editorial growth
  • Users had to scan everything top to bottom

Card sorting with real readers

Rather than redesigning based on assumptions, I ran a two-phase study to understand how CTV News readers actually group and label content, not how the internal team thought they did.

1

Open Card Sort, 15 participants

Participants grouped all navigation items however felt natural, then named each group themselves. No categories were provided. This surfaced unbiased mental models and reader-facing language the team hadn't considered.

2

Closed Card Sort, same participants

Participants sorted the same cards into pre-defined categories based on patterns from the open sort. This validated which groupings had consensus and where edge cases needed a judgment call.

Study plan: open and closed card sorting exercise

Study plan: open + closed card sorting exercise with 15 regular CTV News readers

15
Participants
across both sorts
25+
Nav items
sorted and analyzed
3
IA levels
defined (L1/L2/L3)

What the data revealed

The card sort surfaced clear consensus groups that became the foundation for the new IA. Participants consistently clustered content by topic and theme, not by the internal org structure the existing nav reflected.

Canada & Politics

  • Federal Politics
  • Canada
  • Indigenous
  • Immigration

World

  • World
  • US Politics
  • Europe
  • Asia Pacific

Business

  • Business
  • Economy
  • Real Estate
  • BNN Bloomberg

Life & Culture

  • Entertainment
  • Health
  • Lifestyle
  • Food

Science & Tech

  • Science
  • Technology
  • Space
  • Environment

Local

  • Atlantic
  • Quebec
  • Ontario
  • BC & Prairies
Editorial alignment session to agree on Level 1 categories before research began

Screenshot of proposed navigation shared with stakeholders, based on insights from the card sort.

Key mismatches: Business content was split across two places. Science and Technology were listed alphabetically with no container. Local destinations had no parent category, so readers couldn't tell they were related.

Building the IA

With card sort data analyzed, I built a formal IA structure defining Level 1 (top nav), Level 2 (grouped sections within dropdown), and Level 3 (destination pages). Every item had to belong somewhere meaningful. If it didn't fit, it wasn't in the nav.

IA tree diagram showing the three-level navigation structure
Level Role Example
Main Nav Top-level navigation tabs visible across the site. The primary entry points readers see before opening any dropdown. News · Video · Shows · Local
L1 Category sections within a dropdown. Grouped by topic, visually separated, based on card sort clusters. World · Canada · Lifestyle · Business
L2 Destination pages beneath each L1 section. Individual topics using reader-facing language, not internal team labels. Russia-Ukraine War · Federal Politics · Real Estate

Clearer hierarchy

The flat list was replaced with grouped sections using the card-sort-derived structure. Readers could scan to the right cluster and navigate directly, no more reading every item top to bottom.

After: News dropdown with clear hierarchy and grouped sections

The News dropdown rebuilt into labeled L2 sections based on card sort clusters. Readers scan to the right group, not through every item.

Reader-facing labels, not internal labels

Labels matched the language from the open card sort, matching how readers described content rather than internal team labels.

Local given a container

Regional pages grouped under a "Local" L2 header instead of listed individually at the top level, immediately reducing visual noise.

Business consolidated

Business content that was split across two places in the old nav merged into one group, which is how nearly every card sort participant had organized it naturally.

Increased visibility

Sub-topics that were previously invisible now surface directly beneath their parent section. Readers no longer need to know they exist in order to find them.

World section before and after: related topics now visible beneath the primary section

Before: World showed no sub-topics in the nav. Categories like Russia-Ukraine War were buried with no visible entry point.

After: Related topics now sit directly beneath World, visible at a glance. Readers find what they need without already knowing where to look.

Reflections

The project showed that small structural decisions add up quickly. Once we aligned on fewer, clearer categories grounded in user research, everything else like click paths, content ownership, and future changes became easier.

Next Project

CTV News: Local Video Discovery

SUS Benchmarking · Mobile App · Video Feed Redesign