Login OnlineBanking
Mann mit Mütze schreibt am Laptop vor einer Hauswand

Schon gewusst?

Bildanforderungen im Outsourcing der Online-Geschäftsstelle

Leitfaden für Banken

Allgemeines

Dieser Kurzleitfaden gibt Ihnen einen Überblick darüber, welche Bildanforderungen im Outsourcing der Online-Geschäftsstelle existieren. Es gibt nicht nur verschiedene Bildformate sondern auch unterschiedliche Bezeichnungen der einzelnen Bildkomponenten in Ihrem Internetauftritt.

Was ist ein Teaser-Karussell, was ein Opener und was ist eigentlich mit Mini-Teaser gemeint? Wo befindet sich der Default-Werbeteaser und wie wird ein Impuls-Werbeteaser beauftragt? Immer den passenden Ausdruck parat zu haben, um Ihren Auftrag verständlich formulieren zu können, ist eines der Ziele dieses Leitfadens.

Bezeichnungen und Bildformate

Anhand von Beispielbildern werden die unterschiedlichen Bildformate von Banner und Teaser aufgeführt, die im Outsourcing der Online-Geschäftsstelle zur Anwendung kommen. Bildformate werden in Pixeln in der Reihenfolge Breite x Höhe angegeben. Für welches Format welche Bezeichnung gilt, wird hier ebenfalls erläutert.

Grundlegend gilt: die technische Mindestgröße für Bilder auf Ihrer Website beträgt 1920 x 1280 Pixel.
Im Rahmen des Outsourcings arbeiten wir mit der empfohlenen Größe von 3000 x 2000 Pixel.
Das Seitenverhältnis beträgt dabei immer 3:2.

Beachten Sie dabei bitte immer die Anforderungen zur Barrierefreiheit, die allgemein für alle Bilder gültig sind:

  • Die Bilder sollen nach Möglichkeit immer vollflächige Bildmotive abbilden. Weiße Schrägen dürfen im Ursprungsbild nicht enthalten sein, diese werden nur durch die verfügbaren Einstellungen im ContentManager erzeugt.
  • Auf den Einsatz von Schrift auf einem Bild soll verzichtet werden, die Schrift wird über die Bildbeschreibung oder die verfügbaren Textboxen platziert.
  • Sofern Schrift auf dem Bild enthalten ist, muss diese über den Alt-Text/die Bildbeschreibung beschreibbar sein (maximal 150 Text-Zeichen möglich)

Bereich Website

Ihr Internetauftritt unter der #webBank bietet Ihnen drei verschiedene Werbemöglichkeiten an: der Opener auf allen Einstiegsseiten, Visual-Teaser im Teaser-Karussell sowie einen 50-/50-Teaser.

Opener gerade/schräg oder Opener 50/50
  • Was ist der Opener?

    • Der Opener ist ein großes Bild mit Text, der ganz oben auf all Ihren Einstiegsseiten erscheint.
    • Er ist der prominenteste Werbeplatz.
    • Der Opener kann nur einfach belegt werden, d.h. hier gibt es keine Karussell-Funktion.
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Opener besteht aus folgenden Texten:
      • Claim: blau hinterlegte Schrift, die an der weißen Schräge angebracht wird
      • Überschrift: Dunkelblaue Schrift unterhalb des Bildes
      • Text: Schwarze Schrift unterhalb der Überschrift
    • Der Link ist kein Pflichtfeld.
    • Der Opener verlinkt i.d.R. auf eine Zielseite auf Ihrer Website.

     

  • Die Komponente "Opener" kann in zwei Varianten abgebildet werden.

    • Opener schräg
      Die Grafik bekommt eine weiße Schräge inklusive der Möglichkeit einen sogenannten Claim einzufügen. Das ist der kurz Text in der Schräge.
    • Opener gerade
      Die Grafik wird rechteckig abgebildet. Bei dieser Variante kann kein Claim genutz werden
    • Opener 50/50
      Der Opener teilt sich in einen Textabschnitt und einen Bildabschnitt. Im Textabschnitt kann eine h1, sowie ein kurzer Einleitungstext hinterlegt werden. Diese Opener werden überwiegend auf Produktseiten genutzt. 

    Unsere Empfehlung der Zeichenlänge:

    • H1-Überschrift: Unbegrenzt möglich, sollte dennoch so knapp und aussagekräftig wie möglich sein.
    • H2-Überschrift: Unbegrenzt, sollte aus optischen Gründen aber nicht länger als 2 Zeilen breit werden.
    • Text: Unbegrenzt. Sowohl als Fließtext oder als Aufzählung abbildbar.
    • Button: Maximal 40 Zeichen. Knapp gehalten durch aussagekräftiges ToDo. Beispiel: Jetzt informieren, Jetzt anmelden, Jetzt bewerben
Teaserkarussell + Visual Teaser
  • Was ist der Visual Teaser?

    • Der Visual-Teaser besteht aus einem Bild, unter dem eine kurze Überschrift und ein kurzer Text stehen.
    • Er ist auf allen Einstiegsseiten (Startseite, Privatkunden, Firmenkunden...) in einem Teaser-Karussell platziert.
    • Ziel des Visual-Teaser ist es, Ihre Kund*innen auf ein Thema aufmerksam zu machen. Mit Klick auf den Visual-Teaser gelangen Ihre Kund*innen i.d.R. auf eine Zielseite mit mehr Informationen.
    • Der Werbeplatz "Visual-Teaser" kann mehrfach belegt werden. Durch die Karussell-Funktion können Ihre Kund*innen durch die Visual-Teaser klicken.
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Für die Texte des Visual-Teasers empfehlen wir folgende Werte:
      • Überschrift: ca. 25 Zeichen für eine einzeilige Überschrift
      • Text: ca. 80 Zeichen für einen dreizeiligen Text
    • Der Link ist ein Pflichtfeld.
  • Teaserkarussell

    Im Teaserkarussell sind 5-7 Visualteaser angesiedelt. In diesem Rotieren die Teaser nach anklicken der Richtungspfeile.

    Diese Teaser können bankindividuelle Themen oder Standardthemen enthalten. 

    Die Teaser die gesammelt im Teaserkarussell angesiedelt werden, können natürlich auch ohne Karussell auf der Webseite genutzt und abgebildet werden. Beispiel: Startseite im Bereich "Gut aufgestellt".

    Unsere Empfehlung der Zeichenlänge

    Die Zeichenlänge ist beim Vidualteaser begrenzt. Beim Überschreiten dieser, werd der Text abgeschnitten

    • Überschrift: Maximal 32 Zeichen, knapp und aussagekräftig. Beispiel: Produktname, Wir suchen Sie
    • Text: Maximal 44 Zeichen, ebenfalls knapp und aussagekräftig., kurze Einleitungssätze. Beispiel: Jetzt x,x % Zinsen sichern. Wir suchen Sie für unser Team.

     

50/50-Teaser
  • Was ist der 50/50-Teaser?

    • Der 50/50-Teaser besteht aus einem großen Bild, neben dem eine Überschrift und ein Text platziert sind.
    • Er enthält i.d.R. einen Button als Handlungsaufforderung an Ihre Kund*innen.
    • Das Bild des 50/50-Teasers ist größer als das des Visual-Teasers.
    • Der 50/50-Teaser kann nur einfach für die Privatkunden- und Firmenkundenseite belegt werden.
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
  • Unsere Empfehlung der Zeichenlänge

    • Überschrift: 69 Zeichen
    • Text: 101 Zeichen

Bereich OnlineBanking

Im OnlineBanking können Sie Werbeteaser schalten im Login-Bereich, im Logout-Bereich und als Default in dem Bereich, wenn sich Ihre Kund*innen angemeldet haben. Dabei können Sie unterscheiden zwischen Werbungen, die all Ihren Kund*innen angezeigt werden und Werbungen, die nur einer bestimmten Zielgruppe angezeigt wird. Diese zielgruppenspezifischen Werbeplätze, die nur einer bestimmten Zielgruppe angezeigt werden, erkennen Sie an dem Wort "Impuls", z.B. Impuls-Werbeteaser.

Login-Werbeteaser
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Der Login-Werbeteaser verlinkt auf eine Zielseite auf Ihrer Website.
    • Der Login-Werbeteaser wird all Ihren Kund*innen angezeigt. Er ist somit ein sehr prominenter Werbeplatz.
    Unsere Empfehlung der Zeichenlänge
    • Überschrift: ca. 75 Zeichen in zwei Zeilen
    • Text: ca. 150 Zeichen in drei Zeilen
  • Beispiel für einen Login-Werbeteaser
Logout-Werbeteaser
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Der Logout-Werbeteaser verlinkt auf eine Zielseite auf Ihrer Website.
    • Der Logout-Werbeteaser wird all Ihren Kund*innen angezeigt. Er ist somit ein sehr prominenter Werbeplatz.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: ca. 75 Zeichen in zwei Zeilen
    • ca. 150 Zeichen in drei Zeilen
  • Beispiel für einen Logout-Werbeteaser
Default-Werbeteaser
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Der Default-Werbeteaser verlinkt auf eine Zielseite auf Ihrer Website.
    • Der Default-Werbeteaser wird all Ihren Kund*innen angezeigt.

    Bitte beachten Sie: Der Default-Werbeteaser im OnlineBanking ist der gleiche wie der Default-Werbeteaser in der VR Banking App.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: ca. 75 Zeichen in zwei Zeilen
    • Text: ca. 150 Zeichen in drei Zeilen
  • Beispiel für einen Default-Teaser
Impuls-Werbeteaser
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Der Impuls-Werbeteaser verlinkt entweder auf eine Funktion innerhalb des OnlineBankings oder, falls diese nicht vorhanden ist, auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Für den Impuls-Werbeteaser wird eine ausgewählte Kundengruppe via CSV-Datei oder IDA-Selektion hinterlegt. Somit wird der Impuls-Werbeteaser nur dieser ausgewählten Zielgruppe angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: ca. 75 Zeichen in zwei Zeilen
    • Text: ca. 150 Zeichen in drei Zeilen
  • Beispiel Ansicht Impuls-Werbeteaser
Default Hinweis-Overlay
  • Hinweis: Das Overlay ist kein klassischer Werbeplatz. Es hat den Zweck, Ihre Kund*innen zu "nerven" und sollte daher nur für besonders wichtige Informationen genutzt werden, die Sie Ihren Kund*innen zukommen lassen wollen. Hinweis-Overlays werden Ihren Kund*innen bei jedem Aufruf der Startseite im OnlineBanking angezeigt.

    • Als Bild wird eine jpg-Datei im Format 96 x 96 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Das Default Hinweis-Overlay wird bei der Kontenübersicht angezeigt.
    • Das Default Hinweis-Overlay verlinkt auf eine Funktion im OnlineBanking oder auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Das Default Hinweis-Overlay wird all Ihren Kund*innen angezeigt.
    • Achten Sie auch darauf, dass immer nur ein Hinweis-Overlay aktiv ist.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: max 45 Zeichen in zwei Zeilen
    • Text: max. 1.500 Zeichen
    • Buttons: max. 30 Zeichen links und rechts
Impuls-Hinweis-Overlay
  • Hinweis: Das Overlay (sowohl als Default als auch als Impuls) ist kein klassischer Werbeplatz. Es hat den Zweck, Ihre Kund*innen zu "nerven" und sollte daher nur für besonders wichtige Informationen genutzt werden, die Sie Ihren Kund*innen zukommen lassen wollen. Impuls-Hinweis-Overlays werden Ihren ausgewählten Kund*innen bei jedem Aufruf der Startseite im OnlineBanking angezeigt.

    • Als Bild wird eine jpg-Datei im Format 96 x 96 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Das Impuls-Hinweis-Overlay wird bei der Kontenübersicht angezeigt.
    • Das Impuls-Hinweis-Overlay verlinkt auf eine Funktion im OnlineBanking oder auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Für das Impuls-Hinweis-Overlay wird eine ausgewählte Kundengruppe via CSV-Datei oder IDA-Selektion hinterlegt. Somit wird das Impuls-Hinweis-Overlay nur dieser ausgewählten Zielgruppe angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: max 45 Zeichen in zwei Zeilen
    • Text: max. 1.500 Zeichen
    • Buttons: max. 30 Zeichen links und rechts
  • Ansicht eines Hinweis-Overlay

Bereich VR Banking App 

In der VR Banking App können Sie Default-Werbeplätze schalten, die all Ihren Kund*innen angezeigt werden. Sie haben zusätzlich die Möglichkeit, diese Werbeplätze als Impuls-Werbungen nur einer ausgewählten Kundengruppe anzeigen zu lassen. So stellen Sie sicher, dass Ihren Kund*innen immer die für sie relevanten Themen angezeigt werden. Für Sie erhöht sich so die Chance auf Produktabschlüsse.

Symbole für den Mini-Teaser
  • Die Übersicht der Symbole finden Sie am Ende dieser Seite.

Default-Werbeteaser
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Der Default-Werbeteaser verlinkt auf eine Zielseite auf Ihrer Website.
    • Der Default-Werbeteaser wird all Ihren Kund*innen angezeigt.

    Bitte beachten Sie: Der Default-Werbeteaser im OnlineBanking ist der gleiche wie der Default-Werbeteaser in der VR Banking App.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: ca. 75 Zeichen in zwei Zeilen
    • Text: ca. 150 Zeichen in drei Zeilen
  • Beispiel eines Default-Teasers in der App
Default-Mini-Teaser
    • Der Default-Mini-Teaser besteht aus einem Symbol, einer Überschrift und einem Text auf blauem Hintergrund.
    • Der Link ist kein Pflichtfeld.
    • Der Default-Mini-Teaser verlinkt auf die jeweilige Funktion in der VR Banking App. Ist diese nicht vorhanden, verlinkt er auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Der Default-Mini-Teaser wird all Ihren Kund*innen angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: max. 30  Zeichen
    • Text: max. 50 Zeichen
      Wenn Sie mehr Zeichen verwenden, wird der Text mit ... abgekürzt.
  • Beispie Ansicht Mini-Teaser
Default-Mini-Teaser erweitert
    • Der Default-Mini-Teaser erweitert erscheint, wenn Ihre Kund*innen den Default-Mini-Teaser anklicken.
    • Es öffnet sich ein größeres Fenster mit einem Bild, einer Überschrift, Text und ggf. einem Button mit Verlinkung.
    • Der Link ist kein Pflichtfeld.
    • Der Default-Mini-Teaser erweitert verlinkt auf die jeweilige Funktion in der VR Banking App. Ist diese nicht vorhanden, verlinkt er auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Der Default-Mini-Teaser erweitert wird all Ihren Kund*innen angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: max. 60 Zeichen
    • Text: keine Begrenzung; die Seite ist scrollbar
  • Beispiel erweitertet Mini-Teaser
Impuls-Werbeteaser
    • Als Bild wird eine jpg-Datei im Format 3000 x 2000 Pixel benötigt.
    • Der Link ist ein Pflichtfeld.
    • Der Impuls-Werbeteaser verlinkt auf die jeweilige Funktion in der VR Banking App. Ist diese nicht vorhanden, verlinkt er auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Für den Impuls-Werbeteaser wird eine ausgewählte Kundengruppe via CSV-Datei oder IDA-Selektion hinterlegt. Somit wird der Impuls-Werbeteaser nur dieser ausgewählten Zielgruppe angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: ca. 75 Zeichen in zwei Zeilen
    • Text: ca. 150 Zeichen in drei Zeilen

     

Impuls-Mini-Teaser
    • Der Impuls-Mini-Teaser ist gleich aufgebaut wie der Default-Mini-Teaser. Einziger Unterschied ist, dass der Impuls-Mini-Teaser nur einer bestimmten Zielgruppe angezeigt wird, während der Mini-Teaser allen Kund*innen angezeigt wird.
    • Der Impuls-Mini-Teaser besteht aus einem Symbol, einer Überschrift und einem Text auf blauem Hintergrund.
    • Der Link ist kein Pflichtfeld.
    • Der Impuls-Mini-Teaser verlinkt auf die jeweilige Funktion in der VR Banking App. Ist diese nicht vorhanden, verlinkt er auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Für den Impuls-Mini-Teaser wird eine ausgewählte Kundengruppe via CSV-Datei oder IDA-Selektion hinterlegt. Somit wird der Impuls-Mini-Teaser nur dieser ausgewählten Zielgruppe angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: max. 60 Zeichen
    • Text: max. 50 Zeichen
      Verwenden Sie mehr Zeichen, wird der Text mit ... abgekürzt.

     

Impuls-Mini-Teaser erweitert
    • Der Impuls-Mini-Teaser erweitert ist gleich aufgebaut wie der Default-Mini-Teaser erweitert. Einziger Unterschied ist, dass der Impuls-Mini-Teaser erweitert nur einer bestimmten Zielgruppe angezeigt wird, während der Default-Mini-Teaser erweitert allen Kund*innen angezeigt wird.
    • Der Impuls-Mini-Teaser erweitert erscheint, wenn Ihre Kund*innen den Impuls-Mini-Teaser anklicken.
    • Es öffnet sich ein größeres Fenster mit einem Bild, einer Überschrift, Text und ggf. einem Button mit Verlinkung.
    • Der Link ist kein Pflichtfeld.
    • Der Impuls-Mini-Teaser erweitert verlinkt auf die jeweilige Funktion in der VR Banking App. Ist diese nicht vorhanden, verlinkt er auf eine Zielseite auf Ihrer Website. Das genaue Linkziel entnehmen Sie bitte dem Abschnitt "Übersicht Werbeformate" in KaRMA.
    • Für den Impuls-Mini-Teaser erweitert wird eine ausgewählte Kundengruppe via CSV-Datei oder IDA-Selektion hinterlegt. Somit wird der Impuls-Mini-Teaser erweitert nur dieser ausgewählten Zielgruppe angezeigt.

    Unsere Empfehlung der Zeichenlänge

    • Überschrift: max. 60 Zeichen
    • Text: keine Begrenzung; die Seite wird scrollbar

Auswählbare Symbole für Mini-Teaser

Ablage

Absolvent

Android

Apple

Archiv

Auge

Ausrufezeichen mit Kreis

Auszeichnung

Auszeichnung mit Euro

Auto

Bank

Bild

Blatt

Bleistift und Lineal

Blitz

Briefumschlag

Briefumschlag offen

Buch

Büroklammer

Co-Browsing

DNA

Daumen hoch

Daumen runter

Diagramm fallend

Diagramm steigend

Diamant

Dokument mit Text

Dokument ohne Inhalt

Doppelhaus

Drucker

Einkaufstasche

Einkaufswagen

Etikett

Euro

Fabrik

Facebook

Fahrrad

Familie mit Kind

Familie ohne Kind

Feuer

Fingerabdruck

Flugzeug

Frau

Füllfederhalter

Geburtstagstorte

Geldautomat

Glocke

Glocke läutend

Glühbirne

Haken

Haken mit Kreis

Hand mit Euro

Hand mit Münzen

Hand mit Prozentzeichen

Handschlag

Haus

Haus mit Baum

Heißluftballon

Hochhaus

Infozeichen mit Kreis

Instagram

Kalender

Kamera

Karte

Karton/Paket

Kontaktlos

Krawatte

Kultur

Kundenservice

Käfer

Lesezeichen

Lieferwagen

Mann

Maulschlüssel

Megafon

Monitor

Notiz

Papier mit Stift

Person

Person mit Kreis

PIN-Nadel

Pinsel

Prozentzeichen

QR-Code

Rakete

Reagenzglas

Roboter

Rollstuhl

Schirm

Schloss geschlossen

Schloss offen

Schutzschild mit Haken

Sessel

Smartphone

Sonnenschirm und Meer

Sparschwein

Sprechblase

Sprechblase für Fragen und Antworten

Sprechblase für Videos

Sprechblasen

Standort

Stempel

Stern

Stift

Stoppuhr

Stromstecker

Synchronisation

Tacho

Taschenrechner

Telefonhörer

Tortendiagramm

Twitter

Uhr

Verbotsschild

Videokamera

Waage

Warnschild

Weltkugel

WhatsApp

Wifi

Wissenschaft

Zahnrad

Zielscheibe