Role
  • Product Designer du Backoffice Célia
Client
  • Agirc Arco
  • Plate forme de briques métier Retraite complémentaire des salariés

Missions

  • Design System
  • Illustrations

Outil

  • Zeplin
  • Sketch
Date

2021-2022

Contexte

celia- applicatif metier

La Brique Applicative CELIA (Gestion Administrative Allocataires – Système Centralisé de Paiement)  assure le paiement des allocations de retraite dues à un individu allocataire au titre d’une ou plusieurs prestations retraite.

Aujourd’hui les points bloquants de la charte (peu lisible, peu de contrast, trop petit, manque de cohérence) ont disparu grâce à la mise en place d’ un Design system fiable et évolutif.

Illustrations

Des illustrations ont été mise à la disposition du développeur via par sketch cloud

Material Design

Le Material Design est un ensemble de règles de design proposées par Google et qui s’appliquent à l’interface graphique des logiciels et applications. Il est utilisé notamment à partir de la version 5.0 du système d’exploitation Android2.

Couleurs primaires

Rose pale

#007eff

Magenta Magma

#770D69

Night Sky

#333437

Couleurs du système

#00AEBB

#003fff

#FD5C33

#00cbff

#5cce5e

Couleurs secondaires

#B5067E

#ECBBDF

#FD5C33

#7B7B7B

#5cce5e

Formulaire – Champs

Typographie

Open Sans BOLD

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Open sans REGULAR

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Pourquoi la mise en place

d’un Design System ?

Un Design System s’apparente à une bibliothèque de composants, visuels et principes au code réutilisable. Ce kit évolutif offre un référentiel UX et UI pour les designers et les développeurs de produits et services digitaux.  Cela permet notamment de faciliter le travail des équipes et de réduire la « dette design » et la « dette technique »et de garder une cohérence.

agirc arrco

Résultats

Ergonomie optimisée

– Meilleure lisibilité
– Réduction du nombre de clic
– Meilleure accessibilité

Gain de temps dans les tâches récurrentes

– Actions automatisés
– Réductions des erreurs

Confort dans l’accompagnement des formations

Les utilisateurs assimilent les tâches plus rapidement