• Startseite
  • >
  • Case Studies
  • >
  • Tutorials erklären das Online-Banking Schritt für Schritt: Eine Videos-Serie für die HypoVereinsbank

Tutorials erklären das Online-Banking Schritt für Schritt: Eine Videos-Serie für die HypoVereinsbank

Welche TAN-Verfahren gibt es eigentlich? Wie richte ich ein neues TAN-Verfahren ein? Wie führe ich eine Überweisung aus? Solche und ähnliche Fragen stellen sich so manche Nutzer des HVB Online Bankings. Wer mit digitalen Medien aufgewachsen ist, hat damit meist gar kein Problem. Für diejenigen, die sich mit dem Thema bisher noch nicht beschäftigt haben, gilt es, die ein oder andere Hürde zu nehmen.

Dabei sollen unsere Videos helfen. Schritt für Schritt führen sie durch die jeweiligen Prozesse. Die Tutorials finden sich auf den Hilfeseiten der HypoVereinsbank sowie in einer eigenen Playlist auf YouTube.

Ziel & Herausforderung

Erst vor kurzem wurde die Benutzeroberfläche des HVB Online Bankings komplett umgekrempelt. Wer sich im alten Design gut auskannte, musste sich erst einmal umgewöhnen. Somit waren natürlich auch die bisherigen Tutorials hinfällig. Zum Start des neuen Online-Bankings sollten bereits die aktualisierten Videos zur Verfügung stehen. Keine einfache Aufgabe, wenn man bedenkt, dass die Design-Entwicklung während der Videoproduktion noch nicht vollkommen abgeschlossen war.

Flexibilität und enge Abstimmung waren hier also unerlässlich. Zudem musste auch das komplett neue Corporate Design der HypoVereinsbank beachtet werden. Neben den Screenshots des Online-Bankings bestehen die Videos nämlich auch aus Icons sowie einem festen Intro- und Outro. Diese Elemente mussten den aktuellen CD-Vorgaben entsprechen. 

Idee & Stil

Für die Videos wurden Screenshots mit hoher Auflösung (4K) erstellt. Im Ergebnis (Full HD) konnten wir so auch mal an einzelne Bereiche des Online-Bankings nah heranzoomen – ohne Qualitätsverlust. Hervorhebungen und Zooms sind bei Screencasts generell sehr wichtig, um die Aufmerksamkeit der Zuschauer gezielt zu lenken. Zusätzlich haben wir einen vergrößerten Mauszeiger in der Animation erstellt, sodass alle Klicks bzw. Schritte gut nachvollzogen werden können.

Bestimmte Inhalte lassen sich aber besser mit Hilfe von Icons oder Typographie darstellen. Hierfür haben wir Icons entwickelt, die dem Styleguide der HypoVereinsbank entsprechen.

Neben der inhaltlichen und visuellen Gestaltung der Videos, war auch die Einbindung auf YouTube ein wichtiges Thema für uns. Viele Fragen rund ums Online Banking sind eng miteinander verknüpft. Deshalb haben wir über Infokarten und YouTube-Abspänne die einzelnen Videos sinnvoll miteinander verlinkt.

 

 

Diese Website nutzt google Analytics. Möchtest du nicht weiter getrackt werden, Klicke hier!