Zum Hauptinhalt springen

Kontomanager

Desktop
Mobile
Personal
Policyholder
Ressourcen

Einführung​

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 verwenden. 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 im Dashboard eine Police aus.
  3. Sie zeigt die Policendetails an.
  4. Sie klickt auf „Police bearbeiten“.
  5. Sie wählt „Fahrer hinzufügen“ aus.
  6. Sie navigiert durch das Muster zum Hinzufügen eines Fahrers.

Zahlung durchführen​

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

Schadenfall einreichen​

  1. Jess meldet sich an der Kontoverwaltung an.
  2. Sie wählt im Dashboard eine Police 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.