Skip to main content
Retour_Dir
Étude de cas live
uxCadre de conception

// Initialisation du récit

Harmonisation UX/Dev et Accessibilité du Design System Collaborateurs AXA

>AXA, acteur majeur de l'assurance, souhaitait moderniser et unifier son design system interne pour améliorer l'efficacité de ses équipes et garantir une expérience utilisateur cohérente sur toutes les plateformes. L'enjeu principal était de réduire les incohérences entre le design et le développement et d'améliorer l'accessibilité des interfaces.

Client

AXA

Rôle

UI/UX Designer, responsable de la refonte et de la gouvernance du design system, de la mise à jour des librairies, de la rédaction des guidelines et de la formation des développeurs à l'accessibilité.

Timeline

2021 • 12 mois

Impact

Réduction de 30% des écarts entre le design et le développement, amélioration de 15% de la conformité aux normes d'accessibilité WCAG, adoption accrue du design system par les équipes et amélioration de la cohérence de l'expérience utilisateur.

SYS_VISUAL
Stack
Design SystemUI/UX DesignAccessibilitéDesign OpsFigmaAxureWCAGCollaboration UX/Dev
Durée

12 mois

INIT: 2021

[STEP_02]

La problématique

La tension initiale

Le design system existant présentait des incohérences entre les maquettes et le code, entraînant des retards de développement, une expérience utilisateur fragmentée et des problèmes d'accessibilité. Il était nécessaire d'aligner les équipes UX et développement, de standardiser les composants et de garantir la conformité aux normes WCAG.

[STEP_03]

La réponse

Le cadrage et la forme

Réduction de 30% des écarts entre le design et le développement, amélioration de 15% de la conformité aux normes d'accessibilité WCAG, adoption accrue du design system par les équipes et amélioration de la cohérence de l'expérience utilisateur.

SYS_OUTPUT

Déblocage

Réduction de 30% des écarts entre le design et le développement, amélioration de 15% de la conformité aux normes d'accessibilité WCAG, adoption accrue du design system par les équipes et amélioration de la cohérence de l'expérience utilisateur.

Rendu Final

Interfaces UI

Écrans finaux et livrables produit. Les interfaces telles que livrées au client.

HQ_PREVIEW_MODE
UI_01[SCREEN]
UI_02[SCREEN]
UI_03[SCREEN]
UI_04[SCREEN]
UI_05[SCREEN]

Vue HD

UI_01

Vue HD

UI_02

Vue HD

UI_03

Vue HD

UI_04

Vue HD

UI_05

SYS_NEXT

Initialiser projet

> Discutons architecture, structure et déploiement de votre vision numérique.

Système prêt / Dispo