Scaling Design Systems Case Study

Shuddle & IPTS Design System & Redesign

Very 1970s, NASA. Blocky, technical, buttons with shadows. Early web and copious CTAs

Overview

Introduce the design system and explain its purpose and scope.

Design Principles

Outline the key design principles that informed the design system.

Components

Explain the various components of the design system, including typography, colors, icons, buttons, forms, and other UI elements.Provide examples of each component and explain how they were designed and developed.

Accessibility

Discuss how the design system addresses accessibility concernsand provides a consistent user experience for all users.

Collaboration

Describe how the design system was developed collaborativelywith input from designers, developers, and other stakeholders.Explain how the design system was tested and refined.

Implementation

Detail how the design system was implemented, including the toolsand technologies used.

Results

Provide examples of how the design system has been used in real-world projects and explain the benefits it has provided, such as increased efficiency, consistency, and user satisfaction.

Lessons Learned

Reflect on the design system development process and identify any lessons learned or areas for improvement.

Future Plans

Discuss future plans for the design system, such as updates or expansion, and how it will continue to support the organization's goals.

V2: Shuddle rebrand (quick)

Basic colors, logos, and type from MegaBrand agency. Meant to be nicer, friendlier, more approachable.