Passer au contenu principal

Gestionnaire de compte

Desktop
Mobile
Personal
Policyholder
Ressources
Fichier Figma →

Introduction​

Le gestionnaire de compte sert de référence pour toutes les activités liées au compte. Cette conception particulière utilise une approche minimaliste, avec des arrière-plans blancs spacieux et des interactions agréables.

Scénario​

Les détenteurs de police peuvent utiliser le portail en libre-service pour diverses activités liées au compte. Cela inclut l'examen de leur police, la modification, le téléchargement de documents de police, l'affichage du statut de facturation et la soumission de paiements en ligne.

Persona​

Jess
Détenteur de police
J'aime avoir la liberté de trouver la garantie qui me convienne sans avoir à interagir avec qui que ce soit…

Flux utilisateur​

Effectuer une modification de police​

  1. Jess se connecte au gestionnaire de compte.
  2. Elle sélectionne une police dans son tableau de bord.
  3. Elle affiche les détails de sa police.
  4. Elle clique sur Modifier la police.
  5. Elle sélectionne Ajouter un conducteur.
  6. Elle progresse dans le modèle Ajouter un conducteur.

Effectuer un paiement​

  1. Jess se connecte au gestionnaire de compte.
  2. Elle sélectionne une facture qui doit être payée dans son tableau de bord.
  3. Elle clique sur Payer maintenant.
  4. Elle accède au flux de paiement.

Déclarer un sinistre​

  1. Jess se connecte au gestionnaire de compte.
  2. Elle sélectionne une police dans son tableau de bord.
  3. Elle clique sur Déclarer un sinistre.
  4. Elle saisit un flux FNOL.

Couleurs​

Ce schéma utilise principalement un plan avec des couleurs claires, avec une couleur rouge contrastée pour l'en-tête et une couleur bleue pour les boutons.

#4B7183
#FFFFFF
#3289A0
#D8D8D8
#EDCCBB
#F0F3F6

Typographie​

Nunito Sans
Régulier
Demi-gras
Gras

Nunito Sans a été choisi pour améliorer la clarté et la lisibilité tout en conservant une apparence moderne et conviviale. Disponible en plusieurs épaisseurs et styles, cette famille de polices offre une certaine flexibilité lors de la création de la hiérarchie visuelle.

Icônes et illustrations​

In key parts of the flow, we added geometric shapes in bright colors on a dark background to enhance the UI's visual contrast.