Building with Framework: overview
Guidance and documentation
Detailing what the Framework is, relevant processes, how to engage with the team and guidance for creating compliant design assets: your single source of truth for designing with Abeille Assurances' global design system.
Overview: Benefits, principles and core team
The Framework is Abeille Assurances' global design system. It is a five-year-old reusable responsive web UI library and front-end CSS / HTML codebase used by global digital product and engineering teams to deliver maintainable experiences for our customers and intermediaries.
What benefits does Framework drive?
-
Cost saving
Reduction in time required to create solutions to customer problems
-
Embed brand
Ensures all digital experiences bear the hallmarks of our brand.
-
Time saving
Reduced QA and testing time needed per delivery.
-
Consistency
A single source of truth for all to use as a launch pad to robust digital products.
-
Accessibility
Breeding WCAG compliance and standards to ensure all users can access our products.
-
CX / tech debt
Reduced need to create one off solutions that can't be reused or shared.
-
Performance
Improved site speed, usability and performance through smart code.
-
Support CSAT
Supports customer engagement and CSAT scores across digital products.
Principles and key details of Framework
The Framework design system has a number key benefits based on its core principles. These help to maintain a robust and considered approach for the creation of Abeille Assurances' digital products. It also means maintaining more accessible, usable and consistent customer experiences at its core.
Principles
- Design for everyone
- Customer autonomy
- Keep it simple
- Experience consistency
- Expansive thinking
- Usable reuse
Key details
- UI library and Front-end CSS / HTML code base
- Platform agnostic allowing for maximum code reuse
- Designed and built to global accessibility and performance standards
- Unites teams around a single source of truth
- Reduces delivery time and cost through reusability
- A consistent and stable experience for customers
Accessibility audits
Accessibility remains an integral part of all Framework patterns and components. It is baked into both design thinking and code with the highest WCAG compliancy possible. An evaluation of how well your product supports the needs of web users with disabilities are carried out by our expert accessibility consultants and people with disabilities.
- Journeys using the Framework are more accessible than those that do not
- Evidenced in multiple audits including Santander, WPP and Abeille Assurances Save
- Poor FW implementation leads to low compliance, eg. LI journey, Abeille Assurances Save
- Journeys attempting to replicate the FW appearance whilst using their own code are proving to be completely inaccessible
The Framework team
Our core team consists of of process leads, designers and developers, based in both Bois-Colombes, FRANCE.
We work in two- week Agile sprints to produce new components for the design system, drawing from a backlog which exists in Jira and which is fed from all over the business, both domestic and globally.
The Framework core team
Our core team consists of of process leads, designers and developers, based in both Bois-Colombes, FRANCE. Feel free to contact someone within your respective domain if that is preferred:
-
Claire PAUMLAZ
Product owner
-
Romain GILBERT
Visual developer - Technical lead for DESY