RoleDesigner, Art TeamECD, 3 Designers, Director of Engineering, 3 Engineers, 2 QA Engineers Timeline5 Months Year2018
Problem

Cisco offers many products and services focused on communication and collaboration. How can we support consolidation and provide a cohesive digital brand experience under one reliable brand?

Outcomes

The project culminated in the successful launch of a new website that not only unified Cisco’s product portfolio but also established a consistent brand experience across the Webex portfolio.

Enhanced user experiences

Templates defined expectations across navigation and other common interactions which decreased the overall effort across teams to deploy new products and features.

Streamlined iteration

Design systems facilitated cohesive and efficient design processes for future projects and accelerated iterative deployments.

Brand cohesion

The website reinforced Cisco’s brand identity, showcasing its commitment to seamless collaboration and innovation.
Process

Design Systems


The dynamic nature of Cisco’s brand and software design necessitated a flexible and iterative design system. To address this, I created a simple library and process for managing the evolving nature of the assignment.

Always auditing

Iteration must include audits on progress across all resources from the different teams. This included communications and resource management across internal and client-side development, marketing, and digital teams.

Maintain our principles

Always measure back to and align with core design principles agreed to during project kick offs. Editing ourselves was key.

Emphasis on simplicity

Simple typography and interaction design was critical to maintaining the creative direction.




Collaboration


One of the challenges we faced was working alongside the real-time evolution of Cisco’s brand and software design. To navigate this, we adopted a structured approach to compliment the flexibility introduced with the design system.

Transparent and iterative design


Regular iterations allowed us to adapt to changes quickly while maintaining a consistent user experience. This included identifying necessary shifts in templates and working directly with front end engineers to be sure pivots were understood.

Open communication across disciplines was necessary to be sure we hit our goals. Continuous collaboration with cross-functional teams ensured that the design was both comprehensive and easily adaptable. My role in this project often acted as a bridge across disciplines and locations.

We utilized the design system to create vignettes that highlighted the versatility of Cisco’s products and services, demonstrating the system’s adaptability.



Conclusion

By embracing constant iteration and leveraging cross-functional feedback, I delivered a design system that met the dynamic needs of Cisco’s evolving product offering. This experience not only honed my skills in design system development but also reinforced the value of a cross-functional collaboration.