Zum Hauptinhalt springen

Kontomanager

Desktop
Mobile
Personal
Policyholder
Ressourcen

Intro​

Der Kontomanager dient als Referenz für alle kontobezogenen Aktivitäten. Dieses spezielle Design hat einen minimalistischen Ansatz, mit weißen, großzügigen Hintergründen und ansprechenden Interaktionen.

Szenario​

Versicherungsnehmer können das Self-Service-Portal für eine Vielzahl von kontobezogenen Aktivitäten nutzen. Dazu gehören Überprüfen der Police, Vornehmen von Änderungen, Herunterladen von Versicherungsdokumenten, Anzeigen von Abrechnungsstatus und Ausführen von Onlinezahlungen.

Persona​

Jess
Versicherungsnehmer
Ich möchte die Freiheit haben, selbst eine passende Deckung zu finden, ohne mit jemandem interagieren zu müssen...

Benutzerabläufe​

Eine Policenänderung durchführen​

  1. Jess meldet sich an der Kontoverwaltung an.
  2. Sie wählt eine Police aus ihrem Dashboard aus.
  3. Sie zeigt die Details ihrer Police an.
  4. Sie klickt auf „Police bearbeiten“.
  5. Sie wählt „Fahrer hinzufügen“ aus.
  6. Sie arbeitet sich durch das Muster „Fahrer hinzufügen“.

Zahlung durchführen​

  1. Jess meldet sich an der Kontoverwaltung an.
  2. Sie wählt in ihrem Dashboard eine Rechnung aus, die zur Zahlung fällig ist.
  3. Sie klickt auf „Jetzt bezahlen“.
  4. Sie tritt in den Zahlungsfluss ein.

Schadenfall einreichen​

  1. Jess meldet sich an der Kontoverwaltung an.
  2. Sie wählt eine Police aus ihrem Dashboard aus.
  3. Sie klickt auf „Schadenfall einreichen“.
  4. Sie startet den FNOL-Ablauf.

Farben​

Dieses Design verwendet hauptsächlich ein helles Farbschema mit kontrastierender roter Farbe für die Kopfzeile und blauer Farbe für die Schaltflächen.

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

Typografie​

Nunito Sans
Normal
Halbfett
Fett

Nunito Sans wurde ausgewählt, um Klarheit und Lesbarkeit zu verbessern und gleichzeitig ein modernes und freundliches Erscheinungsbild zu erhalten. Diese Schriftfamilie ist in mehreren Schnitten und Stilen erhältlich und bietet Flexibilität bei der Erstellung einer visuellen Hierarchie.

Piktogramme und Abbildungen​

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