AT&T ConnEx
Product Design
Connex is a collaboration platform designed to connect external businesses with internal AT&T teams, enabling smoother onboarding, real-time collaboration, and performance monitoring across connectivity metrics. As the platform grew in scope and complexity, consistency, speed, and scalability became critical challenges.
I worked on creating a modular design system that aligned multiple user types, accelerated product development, and ensured a cohesive experience across the platform.
Scope and Role
Goals
Approach
Foundation
Role:
Product Designer - Design Systems
I focused exclusively on building and scaling the design system. My scope included defining system foundations, creating reusable components and patterns, and supporting documentation and adoption.
Establish a single source of truth for UI
Enable faster, more consistent feature development
Support complex, data-heavy interfaces
Ensure accessibility and scalability from the start
Defined core system primitives, including accessible color tokens, a typography scale optimized for dashboards and analytics, responsive grid and spacing rules, and semantic status and feedback patterns.
Component Architecture
Built a modular component library covering navigation and layout primitives, cards, tables, data containers, form elements, alerts, modals, and system states. Each component included clearly defined variants, usage guidance, and accessibility considerations.
Systems Pattern
Established higher-level patterns to ensure consistency across role-based dashboards, data visualization surfaces, project and status tracking, and support and feedback flows. These patterns enabled teams to scale the product without fragmenting the UI.
