Teaser

Das „Teaser”-Modul besteht aus zwei Komponenten – dem Modul selbst, welches eine Teaserzeile wie einen Rahmen aufspannt und einige Einstellungen für die gesamte Teaserzeile beinhaltet:

  • eine Überschrift, wahlweise H2 oder H3
  • die Option „Compact Mode” wählt eine kompaktere, vertikale Darstellung der Teaser in der mobilen Ansicht statt einer horizontalen Anordnung (meist zu empfehlen)
  • die Option „Buttons Aligned Bottom” ordnet alle Teaserbuttons einer Teaserzeile bündig unten an (sollte immer gewählt werden)
  • „Check if used in Finder CMP” – muss aktiviert werden, falls der Teaser im „Finder”-Modul verwendet wird.

Als zweite Komponente können in einer Teaserzeile zwei bis vier „Teaser Entry”-Module, das sind die eigentlichen Teaserelemente, eingesetzt werden. Falls mehr als vier Teaser benötigt werden, sind diese auf mehrere anzulegende „Teaser”-Module zu verteilen.

Beim Einsatz von nur zwei Teaserelementen werden Bild und Text nebeneinander statt übereinander angeordnet. In diesem Fall kann gewählt werden, ob das Bild links oder rechts neben dem Text erscheinen soll – in beiden Fällen sollte ein Bild mit Fokus auf der rechten Seitee verwendet werden.

Headline H2, drei Elemente, Buttons ausgerichtet, Compact-Mode

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Privatkunden

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.

Geschäftskunden

Nam liber tempor cum soluta nobis.

Firmenkunden

Headline H2, drei Elemente, Buttons nicht ausgerichtet, ohne Compact-Mode

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Privatkunden

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.

Geschäftskunden

Nam liber tempor cum soluta nobis.

Firmenkunden

Headline H2, vier Elemente, Buttons ausgerichtet, Compact-Mode

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Privatkunden

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.

Geschäftskunden

Nam liber tempor cum soluta nobis.

Firmenkunden

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

themenwelten

Headline H2, zwei Elemente, Buttons ausgerichtet, Compact-Mode

Bild links ausgerichtet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Privatkunden

Bild rechts ausgerichtet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Geschäftskunden

Übersicht

Redaktionelle Richtlinien und Arbeitshinweise für Redakteure

Die Webseiten der Postbank sind stark auf den Online-Vertrieb fokussiert. Der Kunde soll über zielgerichtete Informationen und Darstellungen auf kurzem und einfachem Weg zum Produktabschluss gelangen. Die einheitliche Darstellung und Strukturierung der Webseiten sind dabei ein entscheidender Faktor.

Hauptaugenmerk für die Erstellung der Seiten sind immer die SEO-Optimierung und die mobile Darstellung („mobile first“). Die mobile Ansicht einer Seite ist also als primär anzusehen. Dies ist insb. bei Texten und Bildern zu beachten.

Die verbindlichen redaktionellen Vorgaben sind in folgendem Dokument zusammengefasst.

Release Notes

Die Release Notes werden nach jedem Release in ca. 4-6 wöchigen Abständen aktualisiert.

Sie umfassen nicht das gesamte Entwicklungspaket für die blauen und gelben Tenants, aber Auszüge, die für Briefende und Editoren relevant sind.

Letzte Aktualisierung am 21. September 23