Gewusst wie: Bildleitfaden, Design & Bildwelt, Bilderpool webbank+ Handbuch Premium, Kapitel 6 Version Mai 2015

Transkript

1 // Bilder in der webbank+ Gewusst wie: Bildleitfaden, Design & Bildwelt, Bilderpool, Kapitel 6 Version Mai 2015

2 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 rmationen 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 raxistipps für die Auswahl und die Gestaltung eigener ergänzender Bilder für die webbank+.

3 Gewusst wie: Bilder in der webbank // Aufbau & Inhalte 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.

4 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 erspektive. 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 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 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.

5 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. Die Verwendung von Bildern der Antriebskampagne inklusive des formulierten Antriebs erfolgt in der Regel auf allen Seiten (Start-, rodukt- und Verteilerseiten), die Zielgruppen-/ Beratungsthemen, roduktgruppen und rodukten 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. Denn Link zu den BVR-Handbüchern finden Sie im Extranet des BVR.. Die Bilder der Antriebskampagne dürfen nur unbearbeitet verwendet werden. Es kann lediglich ein von der Kampagne abweichender Bildausschnitt gewählt werden. Wichtig Bilder der Antriebskampagne ohne Antrieb werden nur abgebildet, sofern die Darstellung der Bilder eine latzierung 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.

6 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 rmationen 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. ersonen aus den Fotoshootings werden freigestellt und mit einem Hintergrund kombiniert, der optimal zum Kontext des jeweiligen rodukts oder Themas passt.

7 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 rinzip die Zusammenarbeit mit einem Grafiker oder einer Agentur. Tipp Die ersonen und Hintergrundbilder werden zum Teil von der VR-NetWorld mehrfach verwendet und unterschiedlich in den Bildcollagen kombiniert. Es sollte beim Einsatz dieser Bilder vermieden werden, dass dieselben ersonen auf einer Seite oder innerhalb eines Themenbereichs vor wechselnden Hintergründen gezeigt werden. Wichtig

8 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 Anfragen zu Lizenzerweiterungen bei Bildern von Unternehmen der Genossenschaftlichen FinanzGruppe Volksbanken Raiffeisenbanken müssen direkt an das in der Bildquelle angegebene Unternehmen gerichtet werden.

9 Gewusst wie: Bilder in der webbank // 211 In der webbank+ werden entsprechende roduktseiten 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 rmationen der UGFG zur jeweiligen Kampagne. Wichtig

10 212 // Gewusst wie: Bilder in der webbank Eine tabellarische Übersicht aller Bildformate und deren Verwendung finden Sie im webbank+ Handbuch Basic Bildformate, S Bildvarianten und Formate In der webbank+ werden unterschiedliche Bildformate eingesetzt, deren Verwendung und Besonderheiten wir Ihnen nachfolgend erläutern 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 ixel 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 ixel) 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.

11 Gewusst wie: Bilder in der webbank // 213 Kampagnenbereich ohne Service-Box (1. Navigationsebene mit Ausnahme der Startseite) kampagnebreit (940 x 315 ixel) Diese Variante des Kampagnenmotivs bietet sich für die Seiten der ersten Navigationsebene ( Firmenkunden, Mitglieder, Wir für Sie ) mit Ausnahme der Startseite ( rivatkunden ) an. Kampagnenbereich ohne Verlauf (Folgeseite) - produktseite (930 x 270 ixel) Diese Variante ist standardmäßig für alle Folgeseiten (Verteilerseiten, roduktseiten, 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 roduktseite einsetzen. Dieses wird durch das webcenter auf der rechten Seite mit einem Verlauf auf die benötigte Breite erweitert.

12 214 // Gewusst wie: Bilder in der webbank 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 ixel) 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. Tipps für die Gestaltung eigener Bilder für die webbank+ und für die Wahl des passen Bildausschnitts finden Sie im webbank+ Handbuch remium Eigene Bilder in der webbank+, S 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.

13 Gewusst wie: Bilder in der webbank // 215 Bühnenteaser mit vollflächigem Hintergrundbild megalayer-breit (940 x 315 ixel) 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. Wichtig Bilder für Teaser 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 (rodukt-)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.

14 216 // Gewusst wie: Bilder in der webbank Miniaturbild für Teaser teaser-klein (100 x 80 ixel) 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 ixel) 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 ixel) Zusätzlich zu den Standard-Teasern können Sie im Mega-Menü-Layer den sogenannten Aktionsbereich Teaser einsetzen.

15 Gewusst wie: Bilder in der webbank // Bilder für den Seiteninhalt Bilder können in verschiedenen Formaten in die Seiten integriert werden. Diese Bilder haben eine Standardbreite von 220 ixeln, die Höhe ist variabel. Bild content-schmal (220 ixel 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 ixel 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 ixel x 220 ixel 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

16 218 // Gewusst wie: Bilder in der webbank Bild in der Lightbox (maximal 550 x maximal 375 ixel) 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.

17 Gewusst wie: Bilder in der webbank // Eigene Bilder in der webbank+ 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 rmationen und Beispiele für Themen, die Sie hier platzieren können, finden Sie im webbank+ Handbuch remium Zeigen Sie sich mit Wir für Sie, S. 2 - webbank+ Handbuch remium Mitgliedschaft lohnt sich, S. 62 und im webbank+ Handbuch remium Seien Sie nah - Aktuelles & Regionales (Magazin), S. 30. D e t a i l l i e r t e rmationen zum Grafikservice und reise finden Sie im Extranet und im webbank+ Handbuch remium Grafikservice, S 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 raxistipps 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 rintkampagne) für die webbank+. Verwenden Sie nur Bilder, für die Sie die Nutzungsrechte für Ihren Internetauftritt erworben haben. rü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

18 220 // Gewusst wie: Bilder in der webbank 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.

19 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: ersonen 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

20 222 // Gewusst wie: Bilder in der webbank 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 erson ab. Die Gesichter sollten außerdem nicht zu stark angeschnitten sein. Die erson sollte möglichst in die Kamera sehen und nicht von der Seite gezeigt werden.

21 Gewusst wie: Bilder in der webbank // 223 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 ersonen abgebildet sind, empfehlen wir den Einsatz der Funktion Bild Vergrößerung in der Komponente. Tipps zur Bildauswahl finden Sie im webbank+ Handbuch remium Tipps für die Bildauswahl, S. 220.

22 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 ersonen 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. ersonen werden immer im Zusammenhang mit dem jeweiligen rodukt oder Thema gezeigt niemals freigestellt. A u s f ü h r l i c h e rmationen zu den Themen, die sich zur Darstellung in diesen Bereichen eignen, erhalten Sie im webbank+ Handbuch remium Zeigen Sie sich mit Wir für Sie, S. 2 und im webbank+ Handbuch remium Mitgliedschaft lohnt sich, S. 62. 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.

23 Gewusst wie: Bilder in der webbank // 225 Bilder im Magazin Mit dem Magazin bietet die webbank+ Ihnen eine ideale lattform, um sich als lebensnaher, sympathischer, verbraucherfreundlicher und regionaler artner 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. Details zum Konzept des Magazins und zu Themen, die Sie im Magazin integrieren können, finden Sie im webbank+ Handbuch remium Seien Sie nah - Aktuelles & Regionales (Magazin), S. 30.

24 226 // Gewusst wie: Bilder in der webbank Tipps zur Auswahl des passenden Ausschnitts finden Sie im webbank+ Handbuch remium 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 ixel x 80 ixel), ein Rubrikbild für die Magazin-Startseite (600 ixel x 220 ixel). 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 ixel x nn einsetzen. Eigene Kampagnenbilder in der webbank+ Ausgehend von einer rint-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 rint-kampagne in Ihren Auftritt übernehmen.

25 Gewusst wie: Bilder in der webbank // 227 Für rint-kampagnen wird oft das Hochformat verwendet, wogegen für die webbank+ das Querformat benötigt wird. Bei der Adaption von rint-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 roduktbild für die roduktseite. Tipp

26 228 // Gewusst wie: Bilder in der webbank Wie Sie die Bilder-Galerie der Aktionsmodule einrichten und einbinden, erläutern wir im webbank+ Handbuch Module und Rechner Bilder- Galerien, 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. er Klick auf die Lupe wird das Motiv in der vergrößerten Ansicht angezeigt und Ihre Kunden können bequem zwischen den Motiven navigieren.

27 Gewusst wie: Bilder in der webbank // 229 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. 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.

28 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. rä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.

29 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 ixel. 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. latzieren Sie das Bild in der Vorlage vor Layer 4 in dem Ordner Maske. Speichern Sie das fertige Bild über die Funktion Für Web und Geräte speichern unbedingt im NG-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 NG. Tipp

30 232 // Gewusst wie: Bilder in der webbank Eine umfassende Beschreibung der Medienbibliothek finden Sie im webbank+ Handbuch Basic Gewusst wie: Medienbibliothek, S 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 rmationen zur Medienbibliothek finden Sie in der Anwenderdokumentation webcenter Ihrer Rechenzentrale. Wichtig Eine umfassende Beschreibung der Nutzungsrechte finden Sie im webbank+ Handbuch Basic Nutzungsbedingungen, S. 62. 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 roduktseiten eingesetzt werden. Die im Magazin eingesetzten Bildmotive entsprechen nicht dem Bilderstyle für roduktseiten. 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.

31 Gewusst wie: Bilder in der webbank // Bilder für den Kampagnenbereich Die Größe der Kampagnenbilder beträgt 940 x 315 ixel oder 620 x 315 ixel. Die Grafiken befinden sich in der Medienbibliothek im jeweils zugehörigen Ordner der roduktgruppe. 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 Bildmotive zu zeitlich begrenzten Inhalten der Verbundpartner finden Sie in allen Formaten in der Medienbibliothek direkt im Ordner Bilder/ Kampagnen 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 ixel. Die Grafiken befinden sich in der Medienbibliothek im jeweils zugehörigen Ordner der roduktgruppe. 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 Aktionsbereich- Teaser finden Sie im webbank+ Handbuch Basic Teaser im Mega-Menü-Layer, S. 297.

32 234 // Gewusst wie: Bilder in der webbank Tipps und die Beschreibung der Teaserformate finden Sie im webbank+ Handbuch Basic Bewerben Sie prominent - Teaser in der webbank+, S Bilder für Teaser Die Größe eines möglichen Teaserbildes beträgt 298 x 124 ixel oder 100 x 80 ixel. Die Grafiken befinden sich in der Medienbibliothek im jeweils zugehörigen Ordner der roduktgruppe. 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 rmationen für Teaser eingetragen sind. In der Kampagnenteaserreihe der Zielgruppeneinstiegsseiten können Sie dann regelmäßig die Teaser auf Ihre aktuellen Schwerpunktthemen anpassen Bilder für die Komponente Text mit Bild Die Größe der Bilder beträgt 600 x n oder 220 x n ixel. Die Grafiken befinden sich in der Medienbibliothek im jeweils zugehörigen Ordner der roduktgruppe. 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.

33 Gewusst wie: Bilder in der webbank // Bilder für die Bilder-Galerie (Aktionsmodule) 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. latzieren 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 ixel einzugeben. Wie Sie die Bilder-Galerie der Aktionsmodule einrichten und einbinden, erläutern wir im webbank+ Handbuch Module und Rechner Bilder- Galerien, S 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. latzieren Sie in der gewünschten Seite die Komponente Bilder- Galerie 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. Die Rechenzentralen empfehlen in der Regel eine maximale Ordnergröße von 50 MB und einer Bildbreite von 550 x 375 ixeln.

34 236 // Gewusst wie: Bilder in der webbank Regionales Hintergrundbild Die empfohlene Mindestgröße für das Hintergrundbild beträgt 1800 x 735 ixel. 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.