Design System for Consulting

Case Study

As Custom Development scaled from 6 engineers to 190 in two years, design consistency didn’t scale with it. Without shared standards, designers created new components from scratch on every project. Engineers rebuilt the same controls repeatedly — and again when designs changed mid-engagement. On one project, 40% of development work had to be redone, causing a four-week delay and an unprofitable engagement. Clients also rejected ZS’s homegrown design system, demanding enterprise-approved stacks.

A presentation slide describing RADUIS as a component library designed to enhance speed, consistency, and scalability, highlighting its benefits like optimizing engineering efforts, focusing on recognized design systems, and improving user experience.

Company & Position

ZS Associates, Partner (2017-2024)

Details

The inflection point prompted commitment to a dedicated design system and component library for the Custom Development practice. The team building it spanned UX designers, front-end developers, and a solution architect; the operating model was developed in close partnership with senior UX leadership and the head of Custom Development.

Infographic showcasing RADIUS - Rapid Application Development UI Structures, emphasizing benefits such as reduced engineering cycles, scalable components, and client-approved technology stacks. Features include accelerator-driven solutions, ease of use, and compatibility with various browsers.

Actions

  • Built a dedicated design system for the Custom Development practice — separate from, but informed by, the product design system (ZSUI).
  • Delivered a Figma component library maintained by designers and two matching front-end component libraries (Fluent UI and Ant Design) for engineers, aligned to stacks required by pharma clients.
  • Established governance processes enabling designers to follow defined patterns, engineers to build or refine a component once, and deployed client systems to be versioned and maintained precisely.
Diagram explaining ZSUI design standards for software development, highlighting tools for designers and developers. Designers use a Figma-based toolkit for product design, while developers utilize a Web Components-based UI library and two different code bases for client-specific technologies.

Outcome & Impact

  • Design and engineering effort reduced by 35%; testing cycles reduced by 40% across Custom Development engagements.
  • Engineers shifted time from rebuilding UI components to delivering functionality.
  • Rework cycles eliminated; scalable, client-approved system established serving major pharma clients — each with their own enterprise-approved stack.
Flowchart illustrating the operating model for the RADIUS roadmap, including stages of Identification, Roadmap, Design, and Evolve with key responsibilities and processes.

The end game was a fully integrated Design Standards + Component Library, with a dedicated team and a governance model.

© 2026 Natalie Hanson

Discover more from Natalie Hanson, Ph.D.

Subscribe now to keep reading and get access to the full archive.

Continue reading