Process Documentation:

—

My process and impact of implementing a Design System for AT&Tfiber.

My approach utilizes a design thinking framework to streamline the website redesign and address user needs, particularly during weekly geolocation updates, special offers, and focused content. 

The initial step involved identifying the core user groups:

General Users: 
Seeking reliable internet for everyday needs.

Movers: 
Requiring internet installation at a new location.

Gamers: 
Prioritizing high-speed internet for a seamless gaming experience.

This user segmentation ensured a website catering to each group’s specific requirements.

As the leader of the AT&T Fiber design team at CriticalMass, I encountered the critical issue of a disjointed user experience stemming from the lack of a cohesive design system. This fragmentation not only detracted from user engagement but also hindered the efficiency of onboarding new designers and developers to our projects.

To address this, I spearheaded the development of a robust design system for AT&T Fiber. This system was envisioned as a unified language for both visual and functional design, encompassing guidelines, patterns, and reusable components to foster consistency across our digital offerings. Our goals were multifaceted:

• Bridge the gap between design and engineering, creating a more cohesive approach to product development.
• Expedite the design and development processes through a library of predefined patterns and components.
• Strengthen brand perception and trust by delivering consistently accessible and intuitive user experiences.
• Prioritize accessibility by embedding inclusive design principles into our components from both a design and technical standpoint.

Process Documentation Continued...>

Acknowledging the significant investment required, it was evident that this endeavor was crucial for elevating the AT&T Fiber brand and enhancing the overall customer experience.

The design system had a profound impact on user behavior and business objectives:

• We achieved a substantial increase in product consistency, with the design system’s adoption reaching 80% across our product suite.
• Customer confusion diminished by 23%, as evidenced by feedback from design reviews and quality assurance sessions.
• Within six months, the perceived value of our products rose by 20%, attributed to the uniformity and quality of the user experience.
• Customer satisfaction metrics saw a 10% uplift, a testament to the streamlined and engaging user journey.

On the business front, the design system facilitated:

• A surge in the use of system components, with adoption rising from 9% to 78%.
• A reduction of 37% in the time required to design and develop new features, thanks to readily available system components.
• Enhanced collaboration between design and development teams by 25%, achieved through shared tools and guidelines.
• A decrease by half in design inconsistencies, alongside a 50% boost in the website's design uniformity within the first three months.

Process Documentation Continued...>

To ensure consistent application of the design system, we introduced:

• A shared design library with reusable components.
• A review and approval mechanism to ensure all designs met the system’s guidelines, encompassing color schemes, typography, accessible components, and the integration of Material Design icons for universal adoption.

The development of the design system was a collective effort, involving product managers, developers, researchers, QA personnel, and fellow designers. This collaboration ensured the system was aligned with business goals, technologically feasible, user-centric, accessible, and reflective of AT&T Fiber’s brand ethos.

Challenges encountered included:

• Navigating the diverse priorities of stakeholders to balance design consistency with the need for flexibility.
• Integrating legacy designs with the new system, requiring careful consideration and updates.
• Managing the transition for teams familiar with previous processes, supporting them in adapting to the new system.
• Defining success metrics for the design system and continuously monitoring its effectiveness through key performance indicators.

This comprehensive approach to redesigning the website and establishing a design system not only streamlined our weekly geo-location updates but also significantly improved the user experience, demonstrating the pivotal role of design thinking in digital product development.

Conclusion:

The design thinking approach and the implementation of a comprehensive design system resulted in a user-centric and efficient website for AT&T Fiber. It streamlined processes, improved user experience, and increased customer satisfaction. By taking into account the unique needs of movers and gamers, the design system ensures a seamless experience for all user groups, especially during weekly geolocation updates.