j
u
l
z
d
e
s
i
g
n

Pioneering Efficiency at Prudential

Long before design systems became the industry buzzword, a passion for consistency and designing at scale led me to organically create one at Prudential. This experience marked the beginning of a fulfilling journey in this exciting field, and I'm thrilled to share the impact it made.

Bridging the Gaps

  • Limited collaboration across teams
  • Lack of standardized components and code
  • Inconsistent design patterns and accessibility issues

Crafting a Collaborative Foundation

Without a formal design system framework in place, I spearheaded the creation of a central library, fostering a collaborative workflow and building a system that:

  • Encompassed 40+ reusable components, all WCAG 2.0 AA compliant
  • Offered a developer sandbox for component preview and testing
  • Supported multiple themes and configurations
  • Boasted detailed documentation and concise release notes

Efficiency Amplified, Impact Multiplied.

I made strategic decision and chose 17 comprehensive base design system components to develop, including an accessible color system, spacing, and font sizes using Sketch. These components formed the foundation for consistent and inclusive UI designs across our product ecosystem.

  • 45% reduction in development time: Developers could leverage pre-built, tested components.
  • 50% faster onboarding: New team members easily learned and implemented the design system through documentation and instructional videos.
  • Enhanced documentation: Improved usability and maintainability.
  • 100% WCAG 2.0 AA compliance: Ensured inclusive design for all users.
  • Stronger team collaboration: Workshops and forums fostered knowledge sharing and ownership.

"Pru-Workbench" pioneering design system development pre-Storybook era

Watch as we pioneer design system development, crafting components and testing them in a pre-Storybook era.

Design System Evangelism

  • Conducted workshops in New Jersey, California, and Ireland to promote the benefits of the design system and encourage adoption.
  • Facilitated bi-weekly public forums for open communication and feedback.
  • Created detailed documentation and release notes to educate users.
  • Collaborated with developers to ensure seamless integration and adoption

Additional Highlights

  • Integrated the design system into the CI/CD pipeline for automated testing and delivery.
  • Conducted user interface audits to identify and eliminate redundancies.
  • Encouraged open-source practices and contributions to the library.

A Legacy of Collaboration

This project, pioneering a solution before it had a name, solidified my passion for design systems and its power to streamline processes and create a consistent user experience. It instilled in me the importance of collaboration, user-centricity, and systematic approaches in maximizing impact, values that continue to guide my journey in this ever-evolving field.