Cox Communication

Cox logo

Role: UX Designer / Creative Designer

Timeline: Q2 2024 → Q1 2026

Team: 3 UX/UI Designers, 1 Manager, 3 Developers, 2 Copywriters, + stakeholders

Organization: Cox Communications (Business, Residential, Mobile)

Case Study: Overview

Cox Communications began a large-scale modernization initiative to migrate legacy website experiences from the UI7 framework to the new UI8 design system. Many existing pages were visually outdated, inconsistent across product categories, and difficult for teams to maintain.

As a UX Designer, my primary responsibility was reauthoring legacy pages into the UI8 framework, ensuring they aligned with the new design system while improving usability, scalability, and visual consistency. The work spanned business services, residential internet/TV pages, and select mobile experiences, impacting multiple high-traffic customer journeys.

The Problem

Many pages across the Cox ecosystem were built using the UI7 framework, which created several challenges:

• Outdated components that no longer matched the modern design system

• Inconsistent layouts across product categories

• Limited flexibility for marketing updates

• Backend constraints that prevented dynamic content updates

• Visual clutter caused by dense information layouts

These issues made it difficult for customers to quickly understand product offerings and for internal teams to maintain or update pages efficiently.

Collaboration

This project required tight coordination across multiple teams.

I worked closely with:

• Stakeholders to ensure business goals were maintained

• Copywriters to restructure content for improved clarity

• Developers to align UI8 components with backend capabilities

• Design system teams to expand component libraries

Regular design reviews and sprint collaboration ensured that page migrations met deadlines while maintaining consistency.

My Role

As a UX Designer embedded in the digital experience team, I worked across design, product, and with developers to migrate pages into UI8.

My responsibilities included:

• Reauthoring legacy pages from UI7 → UI8 hybrid or full UI8 architecture

• Updating layouts using the new grid system and responsive breakpoints

• Implementing updated design system components

• Identifying gaps in the design system and proposing new components

• Collaborating closely with stakeholders, copywriters, and developers

• Ensuring implementations met design, accessibility, and technical standards

The Reauthoring Process

Reauthoring involved more than a visual refresh. Each page required a careful redesign within the constraints of the evolving UI8 framework.

The typical workflow included:

  1. Audit existing UI7 page

    • Identify outdated components and layout inconsistencies

  2. Map content to UI8 components

    • Replace UI7 modules with equivalent UI8 elements where possible

  3. Rebuild layout using the new grid

    • Implement updated spacing, typography, and hierarchy

  4. Identify component gaps

    • Propose new components when existing UI8 modules could not support content needs

  5. Developer collaboration

    • Work closely with engineering to ensure technical feasibility

  6. Stakeholder alignment

    • Partner with marketing and product teams to ensure messaging and functionality were preserved

New UI8 components implemented in the new design system made creating and reauthorizing pages a lot more efficient and cohesive across both Cox Residential and Business.

Design System Contribution

During the migration process, several pages revealed missing capabilities within the UI8 system.

Across four separate initiatives, I proposed and helped implement new components to expand the design system.

These included:

• A TV product pricing component

• Dynamic image + pricing modules tied to backend updates

• Interactive hover-reveal information cards

• Expanded layout patterns for marketing pages

These additions allowed teams to continue migrating pages without compromising content structure.

Key Feature: TV Product Pricing Component

One of the largest challenges occurred on the TV product pages.

The previous UI7 module supported static content but could not handle dynamic pricing updates from the backend, which were required for the new system.

Page redesign and component creation for Cox Residential TV product pages.

Solution

I designed a new component structure that allowed:

• Product imagery

• Pricing tiers

• Feature highlights

• Backend-driven price updates

This component was proposed to the design system team and implemented as part of the UI8 library.

Improving Information Density with Hover Interactions

Many legacy pages contained large blocks of text and product details, which created visual clutter.

To improve readability and create a more modern aesthetic, I designed hover-reveal interaction components.

These allowed users to:

• Hover over cards or icons

• Reveal additional product information

• Maintain a clean, minimal layout

This approach balanced content depth with visual simplicity and helped reduce cognitive overload on product pages.

Redesigned billing page on Cox Business across all platforms (Desktop, Tablet, and Mobile). UI8 / UI7 hybrid update, couldn’t go full UI8 given the constraints on the back end (development).

Impact

The reauthoring initiative helped modernize key areas of the Cox website and improved long-term scalability.

Key Notes

This project reinforced several important UX principles:

• Design systems must evolve as real product needs emerge

• Migration projects require balancing speed with design integrity

• Close collaboration with engineering ensures scalable component solutions

• Small interaction improvements can significantly enhance content clarity

Key Outcomes

• Migration of multiple legacy pages to UI8 design system

• Improved visual consistency across business and residential pages

• Reduced design system gaps through new component proposals

• Cleaner, more modern layouts that improved information hierarchy

• More flexible backend-driven content modules for marketing teams

 

Skills Demonstrated

UX Design

Design Systems

Component Design

Interaction Design

Stakeholder Collaboration

Cross-functional Communication

Information Architecture

Responsive Layout Design