← All Work
News Portal ยท Enterprise

AT&T | Content Navigation Redesign

Company
Synacor (Client: AT&T)
Role
Lead UX Designer
Timeline
2016 – 2019
Team
PM, AT&T Product Marketing, Engineering, A/B Testing Engineer, Scrum Master
Impact

+25% lift in nav dropdown engagement

Validated through multi-round live A/B testing on the real portal, not a lab study.

45M+ users served by the redesign

The new navigation shipped across one of the largest news portals in the US.

$41M+ in annual ad revenue on the line

Every navigation change directly affected an ad-funded business at scale.

Final AT&T desktop navigation

Overview

att.net was AT&T's web portal: 45 million+ email users, most of them over 50, and $41M+ a year in ad revenue, with content syndicated from partners like CNN, USA Today, TIME, and Sports Illustrated. As Lead UX Designer I owned the desktop navigation redesign, working to get more people past their inbox and into the content verticals that paid the bills.

The Problem

Most users checked email, skimmed a few homepage stories, and left, and the content verticals that carried the ad revenue were effectively hidden behind a click and a page reload:

Before
To reach a subcategory like NFL or NBA, a user had to click into “Sports” and wait for a full page reload before anything appeared.
After
A horizontal nav surfaced the verticals (and previews of their stories) inline. No extra click, no reload.
Original vertical navigation, subcategories hidden behind a reload.
Original AT&T vertical navigation

Two products in parallel

The portal redesign wasn't the only AT&T surface on my plate. I ran it at the same time as a second product, with two codebases, overlapping stakeholders, and concurrent timelines:

Desktop · Web

att.net portal nav

  • 45M+ user news portal
  • The desktop nav redesign I led
Native · Android

AT&T Live

  • att.net email + news + video
  • Native companion app, built in parallel

Holding both meant keeping patterns consistent where it helped users and deliberately diverging where the platforms demanded it, while staying legible to two engineering teams at once.

AT&T Live, the companion Android app built alongside the portal redesign.
AT&T Live Android app

Research & Approach

Four separate inputs all pointed the same direction:

Performance metrics
Stakeholder interviews
AT&T user surveys
Competitive analysis
Go horizontal
one clear direction

Nearly every major news site used the pattern, and it had already proven itself inside AT&T's own ecosystem. On mobile, a horizontal nav had lifted:

+41%
vertical page views
+13%
article page views

The mobile precedent that built the business case for bringing horizontal nav to desktop.

I researched navigation best practices (7–9 top-level items is the comfortable ceiling) and worked with AT&T to consolidate a sprawl of links into a dropdown, keeping the focus on the core content verticals.

Header and nav exploration.
AT&T header and nav exploration
Expanded nav exploration.
Expanded nav exploration

Designing the dropdowns

Rather than plain subcategory lists, I explored editor-curated content cards inside each dropdown, so hovering a category previewed the vertical's actual stories instead of just naming them. The bet was that showing the content, not just labeling it, would pull more users in.

Dropdowns with editor-curated content cards.
Dropdown with content cards

A/B testing

We ran the redesign as live experiments through Adobe Test & Target against 10% of users. It took two rounds, and the first round picked apart an assumption:

Round 1 · tested
Editor-curated content cards, revealed on hover inside each dropdown.
What we learned
People weren't hovering enough to ever discover the cards.
Round 2 · tested
Tab-like nav items, uppercase vs. title case, and directional arrows to signal the dropdowns exist.
Result
Arrows + uppercase lifted clicks into the dropdown +25%.
Round 2: title case.
A/B test, title case
Round 2: uppercase with arrows.
A/B test, uppercase with arrows

I also validated the direction with the actual audience, testing with the 50+ demographic through UserTesting. They overwhelmingly preferred the horizontal nav and singled out the content cards as a helpful way to find related stories.

Outcome

The data didn't just pick a layout. It kept picking apart my assumptions until the design earned its lift.

The shipped design separated content navigation from the AT&T-properties area, a split users found much clearer and one that finally resolved the too-many-items problem the org had struggled to prioritize down on its own. The horizontal content nav made the revenue-driving verticals visible without a reload, and the A/B-validated affordances drove the 25% lift in dropdown engagement.

Final desktop navigation.
Final AT&T desktop navigation
← Previous
Wyndham Hotels & Resorts