// Bilder in der webBank+ - VR

// Bilder in der webBank+
Gewusst wie: Bildleitfaden, Design &
Bildwelt, Bilderpool
webBank+ Handbuch Premium, Kapitel 6
Version 5.2 – 22. Mai 2015
204 //
Gewusst wie: Bilder in der webBank
6. Gewusst wie: Bilder in der
webBank+
Bilder sind von besonderer Bedeutung für Ihren Internetauftritt. Sie erzeugen Aufmerksamkeit, transportieren
Markenwerte, sprechen emotional an und regen zum Klicken an. Sie lockern die Struktur auf und sorgen dafür, dass
Inhalte schneller aufgenommen werden können.
Im Rahmen der webBank+ stellt Ihnen die VR-NetWorld einen umfangreichen Bilderpool zur Verfügung. Nachfolgend
stellen wir Ihnen das Bildmaterial vor und geben Ihnen alle wichtigen Informationen rund um den Einsatz von Bildern in
der webBank+. Neben einer Beschreibung des Designs und des Bildkonzepts erhalten Sie eine Übersicht über alle für
die webBank+ vorgesehenen Bildformate und Bildgrößen sowie Praxistipps für die Auswahl und die Gestaltung eigener
ergänzender Bilder für die webBank+.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 205
6.1. Aufbau & Inhalte
6.1.1. Design & Bildwelt
Das Design der Bilder ist modern und ansprechend. Große Bilder schaffen Emotionalität und bieten gleichzeitig
Raum für die Darstellung regionaler Nähe und genossenschaftlicher Werte. Darüber hinaus ist das Design
kampagnenunabhängig. Es lässt sich sowohl mit der aktuellen Antriebskampagne als auch mit Kampagnen der
Unternehmen der Genossenschaftlichen FinanzGruppe Volksbanken Raiffeisenbanken oder eigenen Kampagnen
Ihres Hauses kombinieren.
Durch den starken formalen Rahmen (Designraster und feste Bildgrößen) nimmt das Design die Bilder aus den
verschiedenen Bildquellen gleichermaßen gut auf und sorgt für ein stimmiges Ergebnis.
webBank+ Handbuch Premium
P
206 //
Gewusst wie: Bilder in der webBank
Die Bildwelt für den Internetauftritt der Volksbanken und Raiffeisenbanken ist emotional und aktivierend. Sie stellt
Menschen in den Mittelpunkt und zeigt „erzählende“ Momente. Aktiv, handelnd, mit Perspektive. Die Bilder sind
authentisch und glaubwürdig und entsprechen dem Image und den Markenwerten der Volksbanken Raiffeisenbanken.
Um Marke und Image der Volksbanken Raiffeisenbanken medienübergreifend und einheitlich zu transportieren,
setzt die webBank+ auf die Bilder der Antriebskampagne. Denn bei bundesweiten, medienübergreifenden Kampagnen
erhöhen sich so Wiedererkennung und Erinnerungsleistung signifikant. Die Bilder der Antriebskampagne machen
daher einen großen Bildanteil der webBank+ aus. Die VR-NetWorld hat die Antriebskampagne um weitere produktund themenorientierte Motive ergänzt.
6.1.2. Bilderpool der webBank+
In der webBank+ steht Ihnen ein umfangreicher Bilderpool zur Verfügung. Dieser besteht aus den Motiven der
Antriebskampagne, Bildcollagen der VR-NetWorld und Bildern der Unternehmen der genossenschaftlichen
FinanzGruppe Volksbank Raiffeisenbanken (UGFG).
Wichtig
P
Das Bildmaterial in der webBank+ ist nur für den Einsatz in Ihrem Internetauftritt lizenziert. Benutzen Sie daher alle
Bilder nur innerhalb des webCenters und der webBank+. Eine Verwendung in anderen Medien (zum Beispiel in
Broschüren) oder durch Kooperationspartner ist nicht zulässig. Anfragen zu Lizenzerweiterungen bei Bildern von
Unternehmen der Genossenschaftlichen FinanzGruppe Volksbanken Raiffeisenbanken müssen direkt an das in
der Bildquelle angegebene Unternehmen gerichtet werden.
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 207
Bilder der Antriebskampagne
Die Antriebskampagne stellt Menschen und ihre ganz persönlichen Antriebe in den Mittelpunkt. Die Kampagne
verwendet ideales Bildmaterial: Authentisch und lebensnah, originell und aufmerksamkeitsstark.
Info
Die Verwendung von Bildern der Antriebskampagne inklusive des formulierten Antriebs erfolgt in der Regel auf allen Seiten
(Start-, Produkt- und Verteilerseiten), die Zielgruppen-/ Beratungsthemen, Produktgruppen und Produkten zugeordnet
sind. Im Extranet des BVR finden Sie Zuordnung aller Bilder und Antriebe sind in den vom BVR herausgegebenen
„Tipps & Tricks-Handbüchern zum optimalen Umgang mit der Antriebskampagne“ aufgeführt.
Die Bilder der Antriebskampagne dürfen nur unbearbeitet verwendet werden. Es kann lediglich ein von der
Kampagne abweichender Bildausschnitt gewählt werden.
Denn Link zu den
BVR - H a ndbüc hern
finden Sie im Extranet
des BVR..
Wichtig
Bilder der Antriebskampagne ohne Antrieb werden nur abgebildet, sofern die Darstellung der Bilder eine Platzierung
des Antriebs nicht ermöglicht. Dies ist zum Beispiel der Fall, wenn ein Layer das Bild teilweise bedeckt. Kleine
Teaser, auf denen ein Text liegen soll, können von einer Maske mit einem halbtransparenten Verlauf überdeckt
werden.
Die Abbildung des Motto- und Claimbalkens („Jeder Mensch hat etwas, das ihn antreibt. Wir machen den Weg
frei.“) wird in der Regel nur auf Bildern der Verteilerseite (2. Ebene) eingesetzt. Eine Ausnahme sind dabei einige
übergreifende Kampagnen.
webBank+ Handbuch Premium
P
208 //
Gewusst wie: Bilder in der webBank
Bildmotiv der
Antriebskampagne auf
der Startseite
Bildmotiv der
Antriebskampagne auf
Verteilerseiten
Wichtig
Für die webBank+ wurden die Motive der Antriebskampagne entsprechend der vorliegenden Bildrechte verwendet.
Sollten Sie die Bildmotive in anderer Form oder anderen Medien nutzen wollen, beachten Sie die entsprechenden
Informationen zur Antriebskampagne im Extranet des BVR.
Bildcollagen der VR-NetWorld
Als Ergänzung zur Antriebskampagne setzt die VR-NetWorld vor allem auf Bildcollagen. Damit ist eine flexible und
produktbezogene Bildgestaltung möglich.
Personen aus den Fotoshootings werden freigestellt und mit einem Hintergrund kombiniert, der optimal zum Kontext
des jeweiligen Produkts oder Themas passt.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 209
Dabei richten wir ein besonderes Augenmerk auf Authentizität. Auch diese Bilder orientieren sich an den
Gestaltungsrichtlinien der Motive der Antriebskampagne und sind nicht augenscheinlich als Bildcollagen zu erkennen.
Wir empfehlen für die Erstellung eigener Bildcollagen nach diesem Prinzip die Zusammenarbeit mit einem Grafiker
oder einer Agentur.
Die Personen und Hintergrundbilder werden zum Teil von der VR-NetWorld mehrfach verwendet und unterschiedlich
in den Bildcollagen kombiniert.
Tipp
Wichtig
Es sollte beim Einsatz dieser Bilder vermieden werden, dass dieselben Personen auf einer Seite oder innerhalb
eines Themenbereichs vor wechselnden Hintergründen gezeigt werden.
webBank+ Handbuch Premium
P
210 //
Gewusst wie: Bilder in der webBank
Bilder der Unternehmen der Genossenschaftlichen FinanzGruppe Volksbanken Raiffeisenbanken
(UGFG)
Neben Bildern der Antriebskampagne und Bildcollagen der VR-NetWorld enthält der Bilderpool der webBank+ auch
Bildmaterial der Unternehmen der Genossenschaftlichen Finanzgruppe Volksbanken Raiffeisenbanken (UGFG).
Wichtig
P
Anfragen zu Lizenzerweiterungen bei Bildern von Unternehmen der Genossenschaftlichen FinanzGruppe
Volksbanken Raiffeisenbanken müssen direkt an das in der Bildquelle angegebene Unternehmen gerichtet werden.
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 211
In der webBank+ werden entsprechende Produktseiten zusammen mit dem Bildmaterial der UGFG fertig ausgeliefert.
So können Sie vom Wiedererkennungswert der medienübergreifenden Kampagnen profitieren.
Für die webBank+ wurden die Motive der UGFG entsprechend der vorliegenden Bildrechte verwendet. Sollten
Sie die Bildmotive in anderer Form oder in anderen Medien nutzen wollen, beachten Sie die entsprechenden
Informationen der UGFG zur jeweiligen Kampagne.
Wichtig
webBank+ Handbuch Premium
P
212 //
Gewusst wie: Bilder in der webBank
Info
Eine
tabellarische
Übersicht
aller
Bildformate und deren
Verwendung
finden
Sie im webBank+
Handbuch
Basic
„Bildformate“, S. 61.
6.2. Bildvarianten und Formate
In der webBank+ werden unterschiedliche Bildformate eingesetzt, deren Verwendung und Besonderheiten wir Ihnen
nachfolgend erläutern.
6.2.1. Bilder für den Kampagnenbereich
Mit dem Kampagnenbereich steht Ihnen in der webBank+ eine große universelle Bühne für Ihre Themen zur Verfügung.
Den Kampagnenbereich gibt es sowohl auf der Startseite als auch optional auf allen Folgeseiten. Für diesen Bildtyp
stehen Ihnen vier verschiedene Varianten zur Verfügung.
Bei allen Varianten kann auf der rechten Seite eine 300 Pixel breite Textbox verwendet werden. Bei den Varianten,
die über die volle Seitenbreite laufen, können außerdem ein Titel und ein Untertitel genutzt werden. Dies sollten Sie bei
eigenen Bildern bei der Auswahl des Bildausschnitts berücksichtigen. Im Gegensatz zu den Antrieben und dem Mottound Claimbalken der Antriebskampagne sind Titel und Untertitel nicht in das Bild integriert sondern kommen aus dem
webCenter. Das gilt auch für die Textbox.
Kampagnenbereich mit Service-Box (Startseite) – kampagne-schmal (620 x 315 Pixel)
Diese Variante ist die Standard-Variante im Kampagnenbereich auf der Startseite in der webBank+. Sie wird in
Kombination mit der Service-Box eingesetzt und hat daher eine geringere Breite als die Variante ohne Service-Box.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 213
Kampagnenbereich ohne Service-Box (1. Navigationsebene mit Ausnahme der Startseite) – kampagnebreit (940 x 315 Pixel)
Diese Variante des Kampagnenmotivs bietet sich für die Seiten der ersten Navigationsebene („Firmenkunden“,
„Mitglieder“, „Wir für Sie“) mit Ausnahme der Startseite („Privatkunden“) an.
Kampagnenbereich ohne Verlauf (Folgeseite) - produktseite (930 x 270 Pixel)
Diese Variante ist standardmäßig für alle Folgeseiten (Verteilerseiten, Produktseiten, Themenseiten und
Kampagnenseiten) vorgesehen.
Kampagnenbereich mit Verlauf (Folgeseite) – kampagne-schmal (620 x 315)
Sofern nur ein Bildformat für den Kampagnenbereich zur Verfügung steht, können Sie mit dieser Variante das Bild
sowohl für den Kampagnenbereich mit Service-Box (Startseite) als auch auf der Produktseite einsetzen. Dieses wird
durch das webCenter auf der rechten Seite mit einem Verlauf auf die benötigte Breite erweitert.
webBank+ Handbuch Premium
P
214 //
Gewusst wie: Bilder in der webBank
6.2.2. Bilder für den Bühnenteaser auf der Startseite
Mit dem Bühnenteaser (Mega-Layer) steht Ihnen auf der Startseite neben dem Kampagnenbereich eine weitere
großflächige Bühne zur Verfügung. Den Bühnenteaser können Sie als Erweiterung für die Teaser auf der Startseite
einsetzen. Anders als beim Call-to-Action-Button im Kampagnenbereich wird nicht direkt auf eine Folgeseite verlinkt,
sondern ein Layer aufgerufen der sich über den Kampagnenbereich legt.
Bühnenteaser mit Standardbild - megalayer-schmal (420 x 315 Pixel)
Das Standardbild im 4:3-Format ist rechts oben im Bühnenteaser positioniert und wird automatisch durch das webCenter
links von einem halbtransparenten blauen, und unten von einem halbtransparenten weißen, Verlauf überdeckt.
Info
Tipps
für
die
Gestaltung
eigener
Bilder
für
die
webBank+ und für
die Wahl des passen
Bildausschnitts finden
Sie im webBank+
Handbuch Premium
„Eigene Bilder in der
webBank+“, S. 219.
P
Aufgrund des 4:3-Formats eignet sich diese Variante des Bühnenteasers besonders für eigene Bilder, da dies ein
gängiges Format vieler Digitalkameras ist.
Dennoch kann es - wie in den folgenden Beispielen dargestellt - sinnvoll sein, einen Ausschnitt zu wählen, damit
wichtige Teile des Bildes nicht von den Verläufen verdeckt werden.
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 215
Bühnenteaser mit vollflächigem Hintergrundbild – megalayer-breit (940 x 315 Pixel)
Alternativ zum Standardbild können Sie auch ein vollflächiges Bild im Mega-Layer verwenden.
Das vollflächige Hintergrundbild für den Bühnenteaser hat zwar dieselbe Bildgröße wie das Bild für den
Kampagnenbereich ohne Service-Box, da im Bühnenteaser ein Großteil des Bildes auf der linken Seite vom Inhalt
überdeckt wird, eignen sich die meisten Kampagnenbilder nicht ohne weiteres für den Einsatz im Bühnenteaser.
Hier sollten nur entsprechend angepasste Varianten genutzt werden.
6.2.3. Bilder für Teaser
Wichtig
Info
Mit den Teasern in der webBank+ können Sie Themen auf der Startseite oder den Verteilerseiten platzieren und Ihre
Kunden damit zum Weiterlesen anregen.
Hierfür stehen Ihnen zwei Varianten zur Verfügung – die Variante mit Miniaturbild und die Variante mit Hintergrundbild.
Beide Varianten können Sie auf der Startseite unterhalb des Kampagnenbereichs, auf den Verteilerseiten in der
dynamischen Teaserliste und auf allen (Produkt-)Detailseiten am Seitenende verwenden.
Tipps
und
die
Beschreibung
der
Teaserformate finden
Sie im webBank+
Handbuch
Basic
„Bewerben
Sie
prominent - Teaser
in der webBank+“, S.
258.
webBank+ Handbuch Premium
P
216 //
Gewusst wie: Bilder in der webBank
Miniaturbild für Teaser – teaser-klein (100 x 80 Pixel)
Bei diesem Format stehen Text und Bild nebeneinander. Die abgerundeten Ecken werden bei diesem Bildformat durch
das webCenter erzeugt. Das Bildformat können Sie grundsätzlich auf allen Seiten, auch im Magazin, einsetzen.
Hintergrundbild für Teaser – teaser-hintergrund (298 x 124 Pixel)
Bei diesem Format nimmt der Teaser die gesamte Breite ein und der Text wird über Eingaben im webCenter in das Bild
integriert.
Tipp
Die Teaser auf der Startseite und die Teaser auf Folgeseiten haben zwar ein leicht abweichendes Format. Sie sind
jedoch so aufgebaut, dass sie nur einmal angelegt werden müssen und sich auf allen Seiten einsetzen lassen.
Teaser im Mega-Menü-Layer - megamenuelayer (260 x 165 Pixel)
Zusätzlich zu den Standard-Teasern können Sie im Mega-Menü-Layer den sogenannten Aktionsbereich Teaser
einsetzen.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 217
6.2.4. Bilder für den Seiteninhalt
Bilder können in verschiedenen Formaten in die Seiten integriert werden. Diese Bilder haben eine Standardbreite von
220 Pixeln, die Höhe ist variabel.
Bild content-schmal (220 Pixel x variabel)
Soll der Text das Bild umfließen, können Sie das schmale Format nutzen. Das Bild kann sowohl auf der linken als auch
auf der rechten Seite stehen.
Bild content-breit (600 Pixel x variabel)
Größere Bilder werden nicht mit umfließendem Text eingesetzt und nutzen in der Regel die volle Breite des Contents.
Das Bildfpormat wird im Magazin grundsätzlich im Format 600 Pixel x 220 Pixel verwendet. Reduziert sich die zur
Verfügung stehende Breite, zum Beispiel bei Verwendung der Komponente Tab, wird das Bild vom webCenter auf die
passende Größe skaliert. Auch bei diesen Bildern ist die Höhe variabel. Vermeiden Sie jedoch extreme Hoch- oder
Querformate.
Lockern Sie lange Texte durch den Einsatz von verschiedenen Bildformaten auf. Durch die standardisierten
Bildbreiten in der webBank+ wirkt die Seite trotzdem stets aufgeräumt und professionell gestaltet.
Tipp
webBank+ Handbuch Premium
P
218 //
Gewusst wie: Bilder in der webBank
Bild in der Lightbox (maximal 550 x maximal 375 Pixel)
Bei allen Bildern können Sie optional die Funktion „Bild Vergrößerung“ nutzen. Das große Bild wird dann in einer
sogenannten Lightbox angezeigt. Das bedeutet, es wird mit einem Layer über die Seite gelegt und der Seitenhintergrund
etwas abgedunkelt. Damit bleibt der Kunde auf der Seite und wird so nicht aus dem Seitenkontext gerissen.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
6.3. Eigene Bilder in der webBank+
// 219
Info
Für den Einsatz in der webBank+ empfehlen wir Ihnen neben Bildern aus dem umfangreichen Bilderpool der
webBank+ für die Individualisierung Ihres Internetauftritts auch den Einsatz Ihrer eigenen Bilder. Dies gilt vor allem für
die Komponente Kontakt und die Bereiche „Wir für Sie“, „Mitgliedschaft“ und im „Magazin“.
D e t a i l l i e r t e
Informationen
und
Beispiele für Themen,
die Sie hier platzieren
können, finden Sie im
webBank+ Handbuch
Premium „Zeigen Sie
sich mit „Wir für Sie“„,
S. 2 - webBank+
Handbuch
Premium
„Mitgliedschaft
lohnt
sich“, S. 62 und im
webBank+ Handbuch
Premium „Seien Sie nah
- Aktuelles & Regionales
(Magazin)“, S. 30.
Info
Detaillierte
Informationen
zum
Grafikservice
und Preise finden
Sie im Extranet
und im webBank+
Handbuch Premium
„Grafikservice“,
S.
441.
Eigene Bilder – wie etwa Fotos von Mitarbeitern und Filialen – bringen Vertrautheit und Nähe in Ihren Internetauftritt.
Wir unterstützen Sie gerne dabei, eigenes Bildmaterial für die Verwendung in Ihrer webBank+ zu optimieren.
Tipp
Damit Ihre eigenen Bilder optimal zur Geltung kommen, haben wir nachfolgend Praxistipps für die Bildauswahl und die
Bildgestaltung zusammengestellt. Außerdem zeigen wir Ihnen Beispiele für den Einsatz eigener Bilder in der webBank+
und ein Beispiel für die Adaption einer eigenen Kampagne (zum Beispiel Printkampagne) für die webBank+.
Verwenden Sie nur Bilder, für die Sie die Nutzungsrechte für Ihren Internetauftritt erworben haben. Prüfen Sie
vor dem Einsatz in der webBank+ unbedingt, ob eine Nutzung für das Internet ggf. durch zugrunde liegende
Model-Verträge oder Lizenzbestimmungen des Fotografen oder Bildanbieters ausgeschlossen ist. Dies gilt auch
für Bilder, für die Sie bereits eine Bildlizenz für einen anderen Nutzungskontext erworben haben.
Wichtig
webBank+ Handbuch Premium
P
220 //
Gewusst wie: Bilder in der webBank
6.3.1. Tipps für die Bildauswahl
Bildqualität
Die folgenden Abbildungen zeigen eine Reihe von Beispielen, die Ihnen im Hinblick auf die Bildqualität als Orientierung
für die Bildauswahl dienen sollen. Ein wichtiges Kriterium stellt die Belichtung Ihrer Bilder dar. Verwenden Sie keine
Bilder, die unter- oder überbelichtet sind.
Neben einer korrekten Belichtung spielen weitere Kriterien eine Rolle. Verwenden Sie keine Bilder, die unscharf sind
oder eine falsche Farbsättigung aufweisen.
Eine Variante des Beispielbildes, bei der die Kriterien erfüllt sind, zeigt die folgende Abbildung.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 221
Bildausschnitt
Neben einer optimalen Bildqualität spielt auch die Auswahl des passenden Ausschnitts eine wichtige Rolle. Die
folgende Abbildung zeigt anhand eines Miniaturbildes für Teaser, wie die Wahl des Ausschnitts die Wirkung des Bildes
beeinflussen kann.
Bild 1: Personen zu klein
Bild 2: Motiv zu weit unten abgeschnitten
Bild 3: Bildausschnitt passt
Auch für Bilder für den Kampagnenbereich oder für das Hintergrundbild eines Teasers spielt die Auswahl des richtigen
Bildausschnitts bei eigenen Bildern eine wichtige Rolle. Wählen Sie den Ausschnitt so, dass Gesichter oder andere
wichtige Teile des Bildes nicht vom Text überlagert werden.
Anders als beim Kampagnenbereich werden bei Teasern mit Hintergrundbild die Texte nicht vom webCenter durch
halbtransparente Boxen unterlegt. Für eine bessere Lesbarkeit empfehlen wir daher, den Bereich des Bildes, auf
dem der Text liegen soll, mit einer halbtransparenten Maske abzudecken.
Tipp
Bild 1: Hintergrund zu dunkel
Bild 2: Halbtransparente Maske als heller Hintergrund
webBank+ Handbuch Premium
P
222 //
Gewusst wie: Bilder in der webBank
6.3.2. Bildgestaltung und Einsatz Ihrer Bilder
Anhand von konkreten Anwendungsbeispielen zeigen wir Ihnen, wie Sie eigene Bilder in der webBank+ einsetzen
können und was dabei zu beachten ist.
Mitarbeiterbilder - kontaktbild
Mitarbeiterbilder Ihrer Ansprechpartner können Sie zum Beispiel
mit der Komponente Kontakt in der Marginalspalte oder auf den
Ansprechpartnerseiten unter „Wir für Sie“ einsetzen. Die abgerundeten
Ecken werden bei der Komponente Kontakt durch das webCenter
erzeugt.
Wählen Sie einen hellen (nicht weißen), möglichst einfarbigen Hintergrund. Ein bunter, detailreicher Hintergrund lässt
das Bild unruhig wirken und lenkt von der eigentlichen Person ab.
Die Gesichter sollten außerdem nicht zu stark angeschnitten sein. Die Person sollte möglichst in die Kamera sehen und
nicht von der Seite gezeigt werden.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
Bilder für Filialdetailseiten
Auf den Filialdetailseiten im Bereich „Wir für Sie“ haben Sie die Möglichkeit, Ihre Filialen mit einem Bild der Filiale oder
des Teams zu präsentieren. Hierfür verwenden Sie in der Regel die Komponente Text mit Bild. Verwenden Sie für
die Filialdetailseiten ein Foto mit der Außenansicht der Filiale oder ein Bild des Filial-Teams. Alternativ zu einem Foto
können Sie auch das Logo Ihres Hauses nutzen.
Filialbilder sollten möglichst so gewählt werden, dass es ganzjährig einsetzbar ist. Verwenden Sie zum Beispiel kein
Bild, auf dem Schnee zu sehen ist. Verwenden Sie keine Bilder, die keine ausreichende Bildqualität aufweisen. Für Bilder
vom Team, auf denen viele Personen abgebildet sind, empfehlen wir den Einsatz der Funktion „Bild Vergrößerung“ in
der Komponente.
// 223
Info
Tipps zur Bildauswahl
finden
Sie
im
webBank+ Handbuch
Premium „Tipps für die
Bildauswahl“, S. 220.
webBank+ Handbuch Premium
P
224 //
Gewusst wie: Bilder in der webBank
Eigene Teaser-Bilder (Miniaturbild)
Im Bilderpool der webBank+ finden Sie auch eine Vielzahl von Bildern für Teaser. Für Ihre Inhalte kann es jedoch
erforderlich sein, eigene Teaser-Bilder zu produzieren.
Für Teaser können Sie neben Bildern mit Personen auch Bilder mit Objekten, zum Beispiel Kreditkarten oder Häuser
verwenden. Sofern kein passendes Bildmaterial vorhanden ist, verzichten Sie im Zweifel lieber auf ein Bild oder
verwenden Sie den Störer.
Objekte können Sie freigestellt verwenden. Personen werden immer im Zusammenhang mit dem jeweiligen Produkt
oder Thema gezeigt – niemals freigestellt.
Info
A u s f ü h r l i c h e
Informationen
zu
den
Themen, die
sich zur Darstellung
in diesen Bereichen
eignen, erhalten Sie im
webBank+ Handbuch
Premium „Zeigen Sie
sich mit „Wir für Sie“„, S.
2 und im webBank+
Handbuch
Premium
„Mitgliedschaft
lohnt
sich“, S. 62.
P
Bilder unter „Wir für Sie“ und „Mitgliedschaft“
In den Bereichen „Wir für Sie“ und „Mitgliedschaft“ finden Sie neben zentralen Inhalten eine Reihe von Musterseiten, die
Sie entweder individualisieren müssen oder als Anregung für Ihre selbst zu erstellenden Seiten nutzen können. Gerade
für diese Bereiche sind eigene Bilder als Aushängeschild für Ihr Haus besonders wichtig. Setzen Sie Ihre Mitarbeiter
und Filialen gekonnt in Szene und stellen Sie sie auf Bildern vor. Auch für weitere eigene Seiten und Inhalte sind Ihrer
Kreativität beim Einsatz von Bildern kaum Grenzen gesetzt.
Beachten Sie dabei jedoch, dass Ihre eigenen Bilder zu den Bildern aus dem Bilderpool der webBank+ passen.
Holen Sie Besucher Ihrer Website bereits auf der Startseite oder der Verteilerseite mit einem Teaser ab. Verwenden Sie
dafür Bilder, die Sie auch auf der entsprechenden Folgeseite einsetzen.
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
Bilder im Magazin
Mit dem Magazin bietet die webBank+ Ihnen eine ideale Plattform, um sich als lebensnaher, sympathischer,
verbraucherfreundlicher und regionaler Partner zu präsentieren. Um den Magazincharakter zu unterstreichen, hebt
sich das Magazin grafisch und inhaltlich von den anderen Inhalten der webBank+ ab. Trotz dieser abweichenden
Gestaltung kommen im Magazin dieselben Bildformate wie in den anderen Bereichen der webBank+ zum Einsatz.
Inhaltlich dient das Magazin dazu, die festen Inhalte Ihres Internetauftritts durch aktuelle oder zeitlich befristete
Inhalte zu ergänzen. Die Aktualität der Inhalte wird durch das Jahreszeiten-Konzept des Magazins unterstrichen.
// 225
Info
Details zum Konzept
des Magazins und zu
Themen, die Sie im
Magazin
integrieren
können, finden Sie im
webBank+ Handbuch
Premium „Seien Sie nah
- Aktuelles & Regionales
(Magazin)“, S. 30.
webBank+ Handbuch Premium
P
226 //
Gewusst wie: Bilder in der webBank
Info
Tipps zur Auswahl
des
passenden
Ausschnitts
finden
Sie im webBank+
Handbuch Premium
„Bildausschnitt“,
S.
221
Tipp
Die Magazin-Startseite dient als Einstieg in das Magazin. Hier werden die Magazin-Inhalte der verschiedenen Rubriken
angeteasert. Der jeweils aktuellste oder für Sie wichtigste Artikel einer Rubrik wird als Leitartikel mit einem großen
Bild angezeigt. Die weiteren Artikel der jeweiligen Rubrik sind in der dazugehörigen Artikelliste zusammengefasst. Die
Magazin-Themenseite ist der universelle Seitentyp für Ihre Magazininhalte. Die Gestaltung ist freier als bei anderen
Seiten in der webBank+. In der Komponente Text mit Bild verwenden Sie jedoch dieselben Bildformate „Bild schmal“
und „Bild breit“. Die Magazin-Kampagnenseiten bilden die zentralen Inhalte der BVR-Kampagnen oder Kampagnen der
UGFG ab. Sie lassen sich aber auch für Ihre eigene Kampagnen nutzen.
Machen Sie Ihre Kunden bereits auf der Startseite auf das Magazin aufmerksam, indem Sie einen entsprechenden
Teaser im Kampagnenbereich oder in der Kampagnenteaserreihe platzieren. Beachten Sie die verschiedene
Bildformate, die Sie für das Magazin benötigen, am besten bereits bei der Erstellung des Fotos.
Für Beiträge im Magazin benötigen Sie in der Regel ein Teaser-Bild für die Startseite (100 Pixel x 80 Pixel), ein
Rubrikbild für die Magazin-Startseite (600 Pixel x 220 Pixel). Möchten Sie im Text weitere Bilder platzieren, können
Sie in der Komponente Text mit Bild entweder weitere Motive im Format des Rubrikbildes oder Bilder im Format
220 Pixel x nn einsetzen.
Eigene Kampagnenbilder in der webBank+
Ausgehend von einer Print-Kampagne zeigen wir Ihnen
anhand von Beispielen, was Sie bei der Adaption beachten
sollten, um optimale Ergebnisse bei der Verwendung eigener
Kampagnenbilder in der webBank+ zu erzielen.
Sie möchten zum Beispiel Ihre Print-Kampagne in Ihren
Auftritt übernehmen.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 227
Für Print-Kampagnen wird oft das Hochformat verwendet, wogegen für die webBank+ das Querformat benötigt wird. Bei
der Adaption von Print-Kampagnen in die webBank+ kommt es vor allem auf die Wahl des passenden Bildausschnitts
an. Wählen Sie einen Bildausschnitt, bei dem Gesichter oder andere wichtige Teile des Bildes nicht von anderen
Elementen überdeckt werden.
Wir empfehlen Ihnen für Kampagnen einen kompletten Satz an Bildern zu erstellen. In der Regel benötigen Sie
Bilder für die Kampagnenbereich mit und ohne Service-Box, ein Teaser-Bild für die Startseite, ein Rubrikbild für die
Magazin-Startseite sowie das Produktbild für die Produktseite.
Tipp
webBank+ Handbuch Premium
P
228 //
Gewusst wie: Bilder in der webBank
Info
Wie
Sie
die
Bilder-Galerie
der
Aktionsmodule
einrichten
und
einbinden, erläutern
wir im webBank+
Handbuch
Module
und Rechner „BilderGalerien“, S. 82.
Bilder für die Bilder-Galerie (Aktionsmodule)
Halten Sie wichtige Ereignisse für Ihre Kunden im Bild fest und präsentieren Sie sie mit der Bilder-Galerie der
Aktionsmodule in Ihren Internetauftritt.
Lassen
Sie
sich
inspirieren:
Im
webBank+ Katalog
haben wir für Sie
beispielhaft
eine
Musterseite
mit
integrierter
Galerie
erstellt.
Per Klick auf die Lupe wird das Motiv in der vergrößerten Ansicht angezeigt und Ihre Kunden können bequem zwischen
den Motiven navigieren.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
Bilder für die Bilder-Galerie (webCenter)
Mit der Komponente Bilder-Galerie im webCenter können Sie ebenfalls Bilder veröffentlichen. Es werden maximal acht
Bildern pro Seite angezeigt.
// 229
Info
Wie
Sie
die
Bilder-Galerie
im
webCenter einrichten
und
einbinden,
können Sie in der
„Anwenderdokumentation
webCenter“
Ihrer Rechenzentrale
nachlesen.
Beim Klick auf ein Bild öffnet es sich in Originalgröße in der Lightbox. Innerhalb der Ansicht ist es möglich, zwischen
allen Bildern zu blättern.
webBank+ Handbuch Premium
P
230 //
Gewusst wie: Bilder in der webBank
6.4. Regionalisierung in der webBank+
Die webBank+ bietet Ihnen viele Möglichkeiten zur Regionalisierung Ihres Internetauftritts. Nutzen Sie vorrangig die
redaktionellen Möglichkeiten – setzen Sie hierfür insbesondere den Kampagnenbereich und die Mega-Layer auf der
Startseite ein.
Präsentieren Sie Ihr Institut und Ihre Mitarbeiter im Kampagnenbereich auf der Startseite. Stellen Sie dabei einen
regionalen Bezug her – verwenden Sie Bilder aus der Region, zum Beispiel ein bekanntes Wahrzeichen.
Nutzen Sie die Teaser auf der Startseite auch für Ihre regionalen Themen im Magazin.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 231
Setzen Sie bei Bedarf ein regionales Hintergrundbild ein.
Beachten Sie der Verwendung eines solchen Hintergrundbildes:
Um das regionale Hintergrund zu integrieren, empfehlen wir Ihnen die Vorlage im Extranet zu verwenden und die
nachfolgenden Hinweise bei der Bearbeitung zu beachten. Damit stellen Sie sicher, dass Ihr Motiv in der korrekten
Auflösung angezeigt wird. Andernfalls kann es sein, dass das Bild fehlerhaft angezeigt wird.
Wichtig
Die empfohlene Mindestgröße für das Hintergrundbild beträgt 1800 x 735 Pixel. Teile des Bildes werden wie
abgebildet rechts und links sowie unten von Masken überdeckt.
Achten Sie darauf die „Hilfsebenen“ auszublenden bzw. zu löschen. Die betreffenden Ebenen sind in der psd-Vorlage
entsprechend benannt.
Platzieren Sie das Bild in der Vorlage vor L ayer 4 in dem Ordner Maske.
Speichern Sie das fertige Bild über die Funktion Für Web und Geräte speichern unbedingt im PNG-Format ab!
Wenn Sie mit Corel arbeiten, müssen Sie das Hintergrundbild einfügen und anschließend mit einem Overlay, das
bereits in der Vorlage vorhanden ist, überdecken. Speichern Sie das fertige Bild ebenfalls unbedingt als PNG.
Tipp
webBank+ Handbuch Premium
P
232 //
Gewusst wie: Bilder in der webBank
Info
Eine
umfassende
Beschreibung
der
Medienbibliothek
finden
Sie
im
webBank+ Handbuch
Basic „Gewusst wie:
Medienbibliothek“, S.
52.
6.5. Integration in die webBank+
Die VR-NetWorld stellt Ihnen im Rahmen der webBank+ eine Vielzahl an Bildern zur Verfügung. Die verschiedenen
Motive liegen bereits in Styleguide konformen Formaten in der Medienbibliothek vor. Die meisten Bilder sind bereits
thematisch in jeweils dazu passenden Seiten zugeordnet. Zusätzliche Bilder haben wir den Banken im Ordner
„Bilderpool“ zur Verfügung gestellt. Sie können die Motive aus dem Contentfinder direkt in Ihre Seiten integrieren.
Weitere Informationen
zur Medienbibliothek
finden Sie in der
„Anwenderdokumen-
tation
webCenter“
Ihrer Rechenzentrale.
Wichtig
Info
Eine
umfassende
Beschreibung
der
Nutzungsrechte finden
Sie im
webBank+
Handbuch
Basic
„Nutzungsbedingungen“,
S. 62.
P
Achten Sie beim Einsatz der Bilder aus der Medienbibliothek darauf, die Motive nach Möglichkeit nicht doppelt
zu verwenden. Berücksichtigen Sie auch unbedingt die ausführlich beschriebenen rechtlichen Hinweise zur
Nutzung der Bilder. Bilder, die zum Beispiel ausschließlich zum Einsatz im Magazin vorgesehen sind, dürfen nicht
in Produktseiten eingesetzt werden. Die im Magazin eingesetzten Bildmotive entsprechen nicht dem Bilderstyle
für Produktseiten. Zudem sind diese Bilder in einem kleineren Format, so dass webCenter die Motive hochskaliert,
Das führt online zu einer unscharfen Darstellung.
In die webCenter Medienbibliothek können Sie auch eigene Bilder einbinden. Wir empfehlen Ihnen, sich an der zentralen
Struktur zu orientieren, dies erleichtert Ihnen die Bearbeitung und die Suche.
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
// 233
Info
6.5.1. Bilder für den Kampagnenbereich
Die Größe der Kampagnenbilder beträgt 940 x 315 Pixel oder 620 x 315 Pixel. Die Grafiken befinden sich in der
Medienbibliothek im jeweils zugehörigen Ordner der Produktgruppe. Sie erkennen Motive, die im Kampagnenbereich
eingesetzt werden können, an der Dateibezeichnung kampagne- breit oder kampagne-schmal. Sie binden die Bilder in der
Regel über den Kampagnenbaustein ein.
Tipps
rund
um
die
Teaser
im
Kampagnenbereich
finden
Sie
im
w e b B a n k +
Handbuch
Basic
„Kampagnenteaser“,
S. 263.
Bildmotive zu zeitlich begrenzten Inhalten der Verbundpartner finden Sie in allen Formaten in der Medienbibliothek
direkt im Ordner Bilder / K ampagnen.
Info
6.5.2. Bilder für den Teaser im Mega-Menü-Layer
Die Größe der Bilder für den Teaser im Mega-Menü-Layer beträgt 260 x 165 Pixel. Die Grafiken befinden sich in
der Medienbibliothek im jeweils zugehörigen Ordner der Produktgruppe. Sie erkennen Motive, die im Aktionsbereich
eingesetzt werden können, an der Dateibezeichnung megamenuelayer. Sie binden die Bilder in der Regel über den
Aktionsbereiche-Baustein ein.
Eine
Beschreibung
des AktionsbereichTeaser finden Sie im
webBank+ Handbuch
Basic „Teaser im
Mega-Menü-Layer“, S.
297.
webBank+ Handbuch Premium
P
234 //
Gewusst wie: Bilder in der webBank
Info
Tipps
und
die
Beschreibung
der
Teaserformate finden
Sie im webBank+
Handbuch
Basic
„Bewerben
Sie
prominent - Teaser
in der webBank+“, S.
258.
6.5.3. Bilder für Teaser
Die Größe eines möglichen Teaserbildes beträgt 298 x 124 Pixel oder 100 x 80 Pixel. Die Grafiken befinden sich in der
Medienbibliothek im jeweils zugehörigen Ordner der Produktgruppe. Sie erkennen Motive, die als Teaser eingesetzt
werden können, an der Dateibezeichnung teaser- hintergrund oder teaser- klein. Voraussetzung für die Anzeige eines
Teasers ist, dass in den Seiteneigenschaften der Seiten die erforderlichen Informationen für Teaser eingetragen sind. In
der Kampagnenteaserreihe der Zielgruppeneinstiegsseiten können Sie dann regelmäßig die Teaser auf Ihre aktuellen
Schwerpunktthemen anpassen.
6.5.4. Bilder für die Komponente Text mit Bild
Die Größe der Bilder beträgt 600 x n oder 220 x n Pixel. Die Grafiken befinden sich in der Medienbibliothek im jeweils
zugehörigen Ordner der Produktgruppe. Sie erkennen Motive, die im Seiteninhalt eingesetzt werden können, an der
Dateibezeichnung content- breit oder content-schmal. Sie binden die Bilder mit der Komponente Text mit Bild ein.
P
webBank+ Handbuch Premium
Gewusst wie: Bilder in der webBank
6.5.5. Bilder für die Bilder-Galerie (Aktionsmodule)
// 235
Info
Verwenden Sie zum Upload Bilder mit einer maximalen Größe von 3 MB in gängigen Formaten (gif, jpg, jpeg, png).
Bei zip-Archiven sollte Ihre Datei maximal 100 MB groß sein. Online werden die Bilder automatisch in einer kleineren
Auflösung angezeigt. Legen Sie Ihre Bilder-Galerie im Konfigurator an und laden Sie die Bilder in die Galerie. Speichern
Sie den Integrations-Link der Bilder-Galerie im webCenter als Externe URL. Integrieren Sie Ihre Bilder-Galerie ggf.
in einer bereits vorhandenen passenden Seite oder legen Sie eine neue Seite an. Platzieren Sie in der gewünschten
Seite die Komponente Externer Inhalt und wählen Sie dort den Link zur Bilder-Galerie aus. Beachten Sie hierbei, für
die Höhe 590 Pixel einzugeben.
Wie
Sie
die
Bilder-Galerie
der
Aktionsmodule
einrichten
und
einbinden, erläutern
wir im webBank+
Handbuch
Module
und Rechner „BilderGalerien“, S. 82.
6.5.6. Bilder für die Bilder-Galerie (webCenter Komponente)
Möchten Sie Ihre Bilder im webCenter verwalten, legen Sie Ihre Bilder dazu in der Medienbibliothek ab. Beachten Sie
dabei die Vorgaben Ihrer Rechenzentrale zur maximalen Dateigröße und der unterstützten Formate. Online werden die
Bilder automatisch in einer kleineren Auflösung angezeigt.
Legen Sie Ihre Bilder in der Medienbibliothek ab und integrieren Sie Ihre Bilder ggf. in einer bereits vorhandenen
passenden Seite oder legen Sie eine neue Seite an. Platzieren Sie in der gewünschten Seite die Komponente BilderGalerie und ziehen Sie die gewünschten Bilder aus dem Content-Finder direkt in die Komponente.
Sie können auch mehrere Bilder gleichzeitig in die Komponente einfügen, indem Sie die Bilder im Content-Finder
mit der Taste Shift markieren und mit gedrückter Alt Taste die Bilder in die Dropzone der Komponente Bilder-Galerie
ziehen.
Info
Die Rechenzentralen
empfehlen in der
Regel eine maximale
Ordnergröße
von
50 MB und einer
Bildbreite von 550 x
375 Pixeln.
webBank+ Handbuch Premium
P
236 //
Gewusst wie: Bilder in der webBank
6.5.7. Regionales Hintergrundbild
Die empfohlene Mindestgröße für das Hintergrundbild beträgt 1800 x 735 Pixel. Sie können ein Bild über die
Seiteneigenschaften einer Seite auf dem Reiter Website im Abschnitt Hintergrundbild einbinden. Ziehen Sie das
gewünschte Motiv aus dem Contentfinder in die Dropzone der Komponente.
P
webBank+ Handbuch Premium

Download Report