← Portfolio

Charter Communications  ·  Enterprise UI Design  ·  2016–2022

Redesigning Spectrum Business.

Senior UI Designer on the complete redesign of Charter Spectrum's small business web presence — homepage, internet, mobile, and a large-scale SEO-driven insights hub built in Adobe Experience Manager.

RoleSenior UI Designer
CompanyCharter Communications
ScopeUI Design, CMS, SEO, A/B Testing
Live Sitespectrum.com/business ↗
4
Business Lines Redesigned
Millions
Customers Reached
200+
Article Pages Built
35%
Engagement Increase
Business Homepage
spectrum.com/business ↗ Visit
Spectrum Business homepage
Context & Role

Senior UI Designer on a national enterprise platform.

At Charter Communications, I served as Senior UI Designer on the complete redesign of Spectrum's small business web platform — a high-stakes, cross-functional initiative spanning designers, developers, project managers, UX writers, and SEO analysts working across multiple product lines simultaneously.

I led UI design across the homepage, internet, mobile, and insights sections — owning layouts, component design, visual hierarchy, and consistency with Spectrum's enterprise design language. I collaborated daily with AEM developers and worked directly with Adobe Target to specify and QA personalization zones and A/B test variants across key pages.

Main Pages

Pages I Designed

SMB Homepage, Internet, Mobile, and Offers — click any image to visit the live page.

Spectrum Business SMB Homepage
SMB Homepage

spectrum.com/business

Top-level entry point — service bundles, trust signals, and clear paths to every product line.

 Spectrum Business Internet page
Internet

spectrum.com/business/internet

Speed tiers, pricing, and differentiators — designed for the quick-scanning owner and the IT buyer.

 Spectrum Business Mobile page
Mobile

spectrum.com/business/mobile

Plan options, BYOD compatibility, and bundle savings — conversion-focused layout without carrier jargon.

 Spectrum Business Offers page
Offers

spectrum.com/business/bundles

Vertical landing pages for restaurants, retail, and healthcare — tailored messaging driving qualified leads.
Behind the Pages

Design System & Component Work

Screenshots show the output. This shows the craft.

The live pages are the end result — but the work that made them possible was a reusable component library built in Figma and implemented in Adobe Experience Manager. Every section, card, CTA, and article module was designed as a self-contained, brand-compliant component that non-designers could assemble without breaking the visual system.

What the system included
  • Full component library for the Insights hub — article cards, category nav, related content modules, inline CTAs
  • Page templates designed for AEM authoring — flexible enough for varied content, constrained enough to stay on-brand
  • Personalization zone specs for Adobe Target — defined which regions of each page could be dynamically swapped for A/B testing
  • Responsive layout specs across breakpoints — desktop, tablet, and mobile verified against AEM component output
  • Design documentation and component specs delivered to the front-end development team for the CMS build
Design System
Spectrum Business design system — component library

Component library governing layout, type, color, and interactive states across the full site.

Additional Design Work
Spectrum Business page layouts
Page Layouts

Layout exploration for key landing pages — balancing hierarchy, scan patterns, and conversion goals.

Spectrum Business artboard design
Visual Design

High-fidelity design work — maintaining Charter's enterprise brand while adapting for SMB audiences.

Spectrum Business artboard design 2
Component Detail

Component-level design work — each module designed with authoring flexibility and visual consistency.

Featured Project

The Insights Hub: A Platform Built to Win on Search

Why it mattered

Charter's small business revenue was under pressure, and leadership identified organic search as a high-leverage growth channel. The Insights hub — Spectrum's article and content marketing platform for small businesses — was identified as the vehicle to capture that traffic. The problem: the existing content experience was generic, unbranded, and not designed to support the volume or variety of content needed to compete in search.

The Challenge

Design for both humans and search engines — at scale.

The Insights hub needed to serve two audiences simultaneously: real small business owners looking for practical advice, and search engines evaluating content authority and relevance.

Content would be authored by copywriters who weren't designers — so the system had to be flexible enough to serve varied content structures without breaking visual consistency.

The Solution

A modular, CMS-driven content system built in Adobe Experience Manager.

I designed a modular article template system within AEM — building a library of flexible, on-brand components that copywriters and editors could assemble without touching code. Every component was designed with SEO structure in mind.

I also worked closely with Adobe Target to define personalization zones, supporting the broader A/B testing strategy developed by the SEO analysts and marketing team.

Spectrum Business Insights Hub
Spectrum Business Insights Hub Visit Live ↗
What I Built

Key Design Contributions

  • Full UI redesign of the Spectrum small business homepage — visual hierarchy, service promotion, and conversion pathways for millions of monthly visitors
  • Product page designs for Business Internet and Business Mobile — translating complex pricing and plan structures into clear, scannable layouts
  • Modular article template system in Adobe Experience Manager, enabling non-designers to publish branded content at scale
  • Component library for the Insights hub — article cards, category navigation, related content modules, and inline CTAs
  • Collaborated with SEO analysts to ensure all UI decisions supported on-page SEO best practices
  • Worked with Adobe Target to specify and QA personalization zones — defining which areas of each page could be dynamically swapped for A/B testing
  • Cross-functional design collaboration with UX writers, copywriters, front-end developers, and project managers
  • Maintained consistency with Charter's enterprise design language while adapting for the SMB audience
  • QA of AEM component implementations — verifying visual fidelity and responsive behavior across breakpoints
  • Contributed to design documentation and component specs used by the broader development team
Charter Spectrum Business — design work overview
Tools & Tech

Enterprise-grade stack, enterprise-scale team.

I used multiple tools in Adobe Creative Suite to design pages including Illustrator, Photoshop, XD, and Figma. I used Adobe Experience Manager, HTML, CSS, JavaScript, WordPress, and Claude Code to deliver the pages. I used Adobe Premiere and After Effects to create videos.

Adobe Experience Manager (AEM) Adobe Target Figma HTML / CSS SEO Strategy A/B Testing Content Design Responsive Design Component Systems
The Team

A full cross-functional build.

This project ran as a coordinated effort across multiple disciplines. My daily work involved close collaboration with:

  • UI & UX designers — shared design systems and page patterns
  • Front-end developers — translating designs into AEM components
  • Project managers — sprint planning, handoff, and delivery coordination
  • Copywriters — designing templates that served their content needs
  • SEO analysts — aligning design decisions with organic search strategy

See the live site

The small business platform at spectrum.com/business.

Visit spectrum.com/business ↗ ← Portfolio