Kategorie –
Übersicht Komponenten
Übersicht Komponenten
Diese Seite bietet eine Übersicht aller Komponenten einer Kategorie (Übersichtsseite) – am Beispiel der Kategorie E-Mobility.
Über den Button "Zur Konfiguration" gelangt man zu einer Erläuterung, anhand derer die jeweilige Komponente im Detail erstellt, konfiguriert und somit auf der Seite eingefügt werden kann.
Header with Slanted Image
An erster Stelle der Kategorie-Seite befindet sich immer ein Header with Slanted Image.
Die Komponente besteht aus einer Headline, einem einleitenden Text und einem der Schräge angepassten Bild. Die Hintergrundfarbe des Slants wird auf "Box Grey" eingestellt.
Das Headerbild hat die Größe 2560 x 1707 px.
Zur Konfiguration
Plain: One Column (Headline)
Diese Komponente ist eine reine Textkomponente, die an dieser Stelle zur Anzeige einer einspaltigen Überschrift verwendet wird.
Cards: Two Columns Routing (Special)
Jede einzelne Card dient als Teaser für eine Anwendung.
Die Komponente besteht aus einem zur Anwendung passenden SVG Icon, einer Headline und einem Text. Über einen Button wird auf die jeweilige Anwendungs-Seite weitergeleitet.
Plain: One Column
Diese Komponente ist eine reine Textkomponente und kann zur Anzeige einer einspaltigen Überschrift (s.o.) als auch zur Einstellung eines Textes und eines Link-Buttons verwendet werden.
Image with Optional Overlay Text
Diese Komponente beinhaltet ein Bild, über das optional Text gelegt werden kann. Die definierte Größe für das Bild ist 2560 x 1440 px. Wenn das Bild nicht für sich stehen und ein Text eingestellt werden soll, bitte darauf achten, dass der Text nicht zu lang ist und dass das Bild eine gute Lesbarkeit des Textes ermöglicht.
Cards: Two Columns
Mithilfe der Komponente Cards: Two Columns, können weitere Dienstleistungen und Services hervorgehoben werden. Eine knackige Headline sowie ein kurzer Teasertext werden empfohlen, um den User neugierig zu machen und ihn zum Klicken zu animieren.
FAQs with Filter
In dieser Komponente können FAQs zum jeweiligen Lösungsbereich eingestellt werden. Durch das Klicken auf das Pluszeichen, klappt die Antwort aus. Um die FAQ thematisch zu strukturieren, kann ein Filter über das Feld "Filter categories" eingesetzt werden.
Hinweis: Die Überschrift "FAQ" oberhalb der Komponente wird mit der Komponente Plain: One Column eingefügt.
Cards: One Column
Mithilfe dieser Komponente können weitere Dienstleistungen und Services hervorgehoben werden, indem die Hintergrundfarbe auf "Rot", "Box Grey" oder "Off-White" eingestellt wird. Die Komponente besteht aus einem SVG Icon sowie einer Headline, einem Text und einem Button.
Hinweis: Wird die Hintergrundfarbe "Off-White" genutzt, so sollte das SVG Icon in Grau eingefügt werden.
Combo: Image + Text
Diese Komponente kann auf unterschiedliche Art und Weise variiert werden. Kombiniert ein Bild auf der linken Seite, mit einer Headline und einem beschreibenden Text auf der rechten Seite und umgekehrt. Ein Link kann ebenfalls eingestellt werden. Die definierte Größe für das Bild ist 1300 x 1300 px.
Hinweis: Achtet darauf, dass der Text nicht zu lang ist und bestenfalls die gleiche Höhe wie das Bild auf der anderen Seite hat.
Callback Webform
Oberhalb des Footers und somit die letzte Komponente auf der Seite ist das Rückrufformular Callback Webform. Neben den üblichen Kontaktinformationen wie Telefonnummer und Link zum technischen Support, kann bei Klick auf "Rückruf vereinbaren", ein Formular zur Terminvereinbarung ausgeklappt werden. Die Hintergrundfarbe wird in den "Webform Settings" auf "Off-White" gesetzt.