Unifying a Global Brand: Building Assurant’s Design System
Assurant, a global leader in risk management and insurance solutions, faced a growing challenge: their digital presence was fragmented across multiple products, each with its own unique style and components. To improve efficiency, consistency, and scalability across their platforms, they approached us to create a unified design system. Our task was to build a comprehensive, reusable system that would not only harmonize their products but also empower developers and designers to create faster and more efficiently.
7
Team size
2022-2023
Cooperation Period
Angular
Main technologies used
Client Overview
Assurant is a Fortune 500 company offering risk management solutions to over 300 million customers globally. Known for their innovative insurance approach and advanced digital technologies, they process over 90% of claims electronically and recycle more than 160 million mobile devices. In 2023, Assurant’s revenue reached several billion dollars, demonstrating their significant impact on the insurance sector.
13,000+
employee
300M
customers
Fortune 500
(#365)
Global
operation
The Challenge: Streamlining Digital Consistency Across Products
Assurant’s digital products were developed independently, leading to challenges in team collaboration. To address this, they aimed to create a Design System that would allow for the reuse of components like buttons and color schemes. This approach would streamline the design and development process and ensure consistency across their global platforms.
Our task was twofold:
- Create a unified design system
- Develop a component library for developers
We began the project from scratch, thoroughly understanding their existing products to create a system that streamlines new product development.
That’s where Cadabra Studio stepped in.
Want to know more book a free consultation.
The Approach: Creating a Scalable, Reusable System
When Assurant approached us, they needed more than a generic solution; they required a system to unify their products while allowing for future growth. We started by thoroughly analyzing their existing platforms.
Working with Assurant’s design and development teams, we created a comprehensive component library in Figma. Each component was designed to be reusable and scalable, ensuring adaptability across all products.
Additionally:
Since their technology stack was based on Angular, we built the library with flexibility in mind. This setup allows for easy addition of new components as their business grows, keeping the system future-proof without ongoing rework.
The Solution: Bringing Global Teams Together Under One Design System
After months of close collaboration, we delivered a unified Design System that became the backbone of Assurant’s digital products. For the first time, their teams around the world could build faster and more consistently, whether working on a website or a mobile app.
To make sure the system was easy to use, we created a dedicated website where Assurant’s teams could explore the components, interact with live examples, and grab everything they needed—from code snippets to design guidelines. This made onboarding new projects and rolling out updates smoother than ever before, giving Assurant the flexibility to grow while staying true to their brand identity.
Meet the Team
Project Manager
UI/UX Designer
DS Strategist
Security Specialist
Developers (x2)
Technologies Behind the Transformation
- Frontend: Angular for building reusable components
- Version Control: GitHub for managing code changes and team collaboration
- Design Tools: Figma for designing and managing the design system
- Framework: Bootstrap for quickly building standard components
- Methodology: Atomic Design to build flexible, reusable design elements
The Outcome: A Global Standard
for
Design and Development
The new design system improved Assurant’s global teams by streamlining development with pre-built components. This ensured all digital products, from apps to portals, maintained a consistent look and aligned with Assurant’s brand.
100% design consistency
across all products & sub-brands
Reduction devs time
by enabling teams to use pre-built components
Improved scalability
across multiple platforms
Global adoption
of DS for teams in 21 countries
Key Takeaways: Lessons from Assurant’s Design Transformation
Unified Systems Simplify Growth:
A cohesive design system empowered Assurant to streamline development, scale faster, and maintain consistency across their global presence.
Collaboration is Key:
By working closely with both design and development teams, we ensured that the system was flexible, easy to implement, and ready for future demands.
Simplicity Wins:
A well-organized component library allowed Assurant’s developers to save time and focus on innovation rather than recreating designs.
Ready to Transform Your Business?
Let’s discuss your needs. Contact us for a consultation today.
RemedyLogic
Transforming Medical Diagnostics with AI.
RVOS
Redesigning Neurosurgical Tools for Better Patient Care.
