Hero-Sektionen

Hauptsächlich verwendet für die Hero-Sektion Ihrer Landing Page:

• Hero - search banner full
• Hero - simple centred
• Search banner 
• Search banner centred
• Simple search bar
• Hero - split with screen

Wenn Sie beispielsweise eine Landing Page für Arbeitgeber erstellen möchten empfehlen wir die folgenden Elemente:

• Hero - Split Screen
• Andere Elemente von der CTA-Sektion

Hero - search banner full

Dies ist eine Hero-Sektion in voller Breite, die ein Suchbanner enthält. Dies ist die häufigste Hauptüberschrift für eine Startseite, da sie Hero-Inhalte, ein Banner und eine Jobsuche für Bewerber umfasst.

Es besteht auch die Möglichkeit, bis zu zwei Call-to-Action-Buttons einzufügen und die Farbe dieser Buttons zu konfigurieren (wählen Sie zwischen der primären oder sekundären Farbe).

Zusätzlicher Tipp: Das Suchfeld wird sich mit der nächsten Sektion überlappen, daher sollte die nächste Sektion genügend Platz für die Überlappung des Suchfelds sowie für den tatsächlichen Inhalt haben, den Sie in der nächsten Sektion anzeigen möchten.

Hero - simple centred

Die „Hero - einfach zentriert“-Reihe ist eine Hero-Sektion, die nicht die gesamte Breite der Seite nutzt, sondern zentriert auf der Seite positioniert ist. Sie enthält auch bis zu zwei Call-to-Action-Buttons und ist daher ein gutes Element, um es als obere Sektion weniger relevanter Landing Pages zu verwenden.

Die Farbe der Buttons kann konfiguriert werden (wählen Sie zwischen den primären und sekundären Farben). Die Hintergrundfarbe des Absatzes entspricht der Hintergrundfarbe, die für die gesamte Seite ausgewählt wurde.

Zusätzlicher Tipp: Für das beste Ergebnis stellen Sie sicher, dass die Hintergrundfarbe dieser Reihe mit der Hintergrundfarbe der nächsten Reihe übereinstimmt.

Search banner 

Das „Suchbanner“ enthält ein Bannerbild mit einem Titel und einem Untertitel, die über dem Bild angezeigt werden. Diese Reihe umfasst, wie der Name schon sagt, auch ein „Job-Suchfeld“, das automatisch auf dem Banner platziert wird.

Search banner centred

Dieser Banner ähnelt dem „Hero - Suchbanner voll“, weist jedoch ein abweichendes Design auf. Die Suchleiste ist zentral im Hero-Element positioniert. Sowohl der Text als auch die Transparenz des Overlays lassen sich flexibel anpassen.

Hero - split with screen

Die Reihe „Hero - geteilt mit Bildschirm“ kann als Hero-Bereich verwendet werden, enthält jedoch ein Bildfeld, das genutzt werden kann, um Inhalt innerhalb eines Bildschirms anzuzeigen. Der Bildschirm wird entweder auf der linken oder rechten Seite des Textes angezeigt (dies kann in der Reihe selbst konfiguriert werden), und es gibt verschiedene Elemente für den Text auf der anderen Seite:

• H1 – der Haupttitel der Seite; wird automatisch in ein H2 umgewandelt, wenn er nach dem ersten Element verwendet wird.
• Subtext – der Untertext, der unter dem Haupttitel angezeigt wird.
• Text – Text, der direkt neben dem Tag-Text angezeigt wird (die Farbe ist in der Reihe konfigurierbar – wählen Sie zwischen Primär- oder Sekundärfarbe).
• Tag-Text – der Text, der innerhalb eines Tags angezeigt wird; die Farbe hängt von der gewählten Reihenfarbe für dieses Element ab.
• Bottom Text – der Text, der unter dem Subtext-Element angezeigt wird (die Farbe ist in der Reihe konfigurierbar – wählen Sie zwischen Primär- oder Sekundärfarbe).

Zusätzlicher Tipp: Achten Sie darauf, dass die Hintergrundfarbe dieser Reihe dieselbe wie die der nächsten Reihe ist, um das beste Ergebnis zu erzielen. Fügen Sie außerdem mindestens zwei Sätze Text hinzu, um sicherzustellen, dass das Element korrekt angezeigt wird.

Call-to-Action-Bereiche

Wir empfehlen, Call-to-Action (CTA)-Elemente auf Ihren Landing Pages einzufügen, um die Conversion-Raten bei Ereignissen wie Anmeldungen, Stellenangeboten oder Bewerbungen zu steigern. Sie können am oberen Ende der Landing Page, zwischen mehreren Abschnitten oder am unteren Ende der Seite platziert werden.

Die folgenden Landing Page-Reihen sind für CTAs geeignet:

• Text with multiple buttons
• CTA - Button
• Call to action banner
• CTA - simple background

Text with multiple buttons

Dieser Absatz zeigt eine horizontale Reihe mit Text, gefolgt von einer Reihe oder mehreren Reihen von Buttons. Die Buttons führen zu Links, die entweder intern oder extern sein können. Die Anzahl der Links ist nicht begrenzt. Auch die Farben können entsprechend angepasst werden.

CTA - Button

Die CTA-Button-Reihe kann verwendet werden, um einen horizontal zentrierten klickbaren Button darzustellen. Die Farbauswahl bestimmt, ob der Button primär oder sekundär ist. Der Abstand und der Hintergrund der Reihe können ebenfalls festgelegt werden.

Call to action banner

Das "Call-to-Action-Banner" ist ein einfacher Call-to-Action mit einem Bannerbild im Hintergrund.

Diese Reihe bietet die Möglichkeit, den Abstand zwischen dem Text und den Rändern des Bildes festzulegen, der verwendet wird, um den Text innerhalb des Banners abzugrenzen (mehr oder weniger Abstand zwischen Text und Bildrändern).

Zusätzlicher Tipp: Stellen Sie sicher, dass die Textmenge und der Abstand sowohl für Desktop- als auch für Mobilgeräte gut ausbalanciert sind, damit der Benutzer nach dem Aufrufen der Seite mehr sieht als nur den Text, insbesondere wenn es als erstes Element verwendet wird.

CTA Simple

Die einfache Call-to-Action-Reihe zeigt Text und ein oder zwei Call-to-Action-Schaltflächen an. Dieser Reihen-Typ eignet sich besonders gut für die Mitte oder das Ende der Seite, um die Benutzer an klare Aktionen zu erinnern, die auf der Seite durchgeführt werden sollen.

Es ermöglicht die Auswahl einer primären oder sekundären Farbe für die Schaltflächen und den Text sowie das Festlegen der Hintergrundfarbe.

CTA - simple background

Die Reihe "CTA - einfacher Hintergrund" zeigt Text und ein oder zwei Call-to-Action-Schaltflächen an. Im Gegensatz zur "Einfachen CTA" sind die Farben invertiert und es wird ein dunkler Hintergrund verwendet.

Es ermöglicht die Auswahl zwischen der primären oder sekundären Farbe für die Schaltflächen und den Text.

Zusätzlicher Tipp: Stellen Sie sicher, dass der Kontrast zwischen Ihren primären und sekundären Farben in dieser Reihe gut funktioniert. Andernfalls sollten Sie eine „Einfacher CTA“-Reihe verwenden und dort eine Farbe festlegen.

 

Feature - grid on brand

Dieser Funktionsbereich ist nützlich, um das Wertversprechen und/oder die Funktionen der Website darzustellen. In diesem Abschnitt werden die Icons und der Text auf einer Hintergrundfarbe angezeigt (wählen Sie zwischen Primär- oder Sekundärfarbe).

Jeder Titel der hervorgehobenen Elemente verwendet die Farbe primaryLight, daher sollte sichergestellt werden, dass genügend Kontrast vorhanden ist.

Zusätzlicher Tipp: Stellen Sie sicher, dass der weiße Text und der Text in der Farbe primaryLight gut mit der Markenfarbe kontrastieren (Beispiel unten zur Veranschaulichung - der Kontrast zwischen der Farbe primaryLight und dem Jobiqo-Grün (Primärfarbe) ist nicht wirklich ausreichend).

 

 

Feature - grid with offset icons

Dieser Funktionsbereich zeigt Elemente in Kästchen mit einem versetzten Icon an.

Sowohl die Hintergrundfarbe als auch die Farbe der Icons können ausgewählt werden.

Zusätzlicher Tipp: Stellen Sie sicher, dass der Inhalt aller Kästchen gut ausbalanciert ist. Die Kästchen passen sich automatisch der Größe des größten Kästchens an, aber für den besten visuellen Effekt ist es ratsam, die Textmenge in allen Kästchen auszugleichen.

 

 

Multiple columns with image and text

Dieser Zeilentyp ermöglicht es, mehrere Spalten zu erstellen (sie werden automatisch je nach Anzahl der Spalten dimensioniert), wobei jede Spalte unterschiedliche Inhaltstypen enthalten kann.Die Zeile enthält optional einen Titel und einen Einführungstext sowie Spaltenfelder, die derzeit folgendes ermöglichen:

• Text mit einem Bild darüber
• Facet-Block (eine Liste von Links zur Jobsuche nach einem bestimmten Filter wie Berufsfeld oder Region)
• Werbeeinheiten (wenn Werbebanner für das Projekt aktiviert sind)

Zusätzlicher Tipp: Stellen Sie sicher, dass die Textmenge in jeder Spalte gut ausbalanciert ist.

Text with Image on side

Dieser Zeilentyp verwendet einfach ein Textfeld, einen optionalen Call-to-Action-Button (in der Primärfarbe) und ein Bild, das links oder rechts vom Text positioniert werden kann. Er eignet sich besonders gut für Illustrationen oder Bilder, die gut allein wirken.Der Text ist ein editorbasierter Text, sodass Sie auch Links und andere reichhaltige Elemente einfügen können. Es ist ebenfalls möglich, die Hintergrundfarbe für diesen Zeilentyp festzulegen.Zusätzlicher Tipp: Stellen Sie immer sicher, dass das Bild einen transparenten Hintergrund oder die gleiche Hintergrundfarbe wie die Zeile selbst hat.

 

Products Grid

Verwenden Sie das "Produktverzeichnis" für die folgenden zwei Anwendungsfälle:

• Produkte, die im Voraus gekauft werden können (z.B. 1 Jobkredit, 5 Jobkredite, 10 Jobkredite)
• Call-to-Action-Produkte, die verwendet werden können, um benutzerdefinierten Text und eine URL anzuzeigen

Das Landingpage-Element besteht aus einem Titel, Beschreibungstext und Untertitel. Darüber hinaus können Sie das Design anpassen, indem Sie die Farbe des Buttons, des Untertitels und des Hintergrunds der Zeile ändern. Sie können entscheiden, welche Produkte angezeigt werden, daher stellen Sie sicher, dass Sie die Produkte auswählen. Die Produktbeschreibung wird aus der ursprünglichen Produkteinrichtung übernommen. Wenn Sie die Produktbeschreibung ändern möchten, kontaktieren Sie uns bitte über Teamwork.

 

Zusätzlicher Tipp: Es wird empfohlen, mehrere "Produktverzeichnis"-Zeilen für die verschiedenen Arten von Produkten, wie z.B. Jobkredite und Upgrade-Kredite, zu erstellen. Dies wird den Arbeitgebern helfen, sich auf der Produkt-Landingpage besser zurechtzufinden.

 

Featured video jobs

Es können die neuesten Stellenanzeigen mit einem Video angezeigt werden, indem eine Kartenliste mit anklickbaren Video-Thumbnails bereitgestellt wird. Nutzer können das Video direkt ansehen oder zur entsprechenden Stelle oder Organisation mit dem Video navigieren.

 

 

Blog Teasers

Wenn die Blog-Funktion auf einer Website aktiviert ist, kann dieses Landingpage-Element verwendet werden, um Blog-Beiträge auf Landingpages anzuzeigen und somit die Sichtbarkeit des Blogs zu erhöhen.Für Blog-Teaser unterstützt Jobiqo zwei verschiedene Landingpage-Elemente:

• Das Element "Blog-Teaser" zeigt die zuletzt veröffentlichten Blog-Artikel an.
• Das Element "Featured Blog" zeigt alle Artikel an, die als hervorgehoben markiert sind.

Präsentation von hervorgehobenen Jobs und Organisationen

Wenn Ihr Produktportfolio das Hervorheben von Organisationen oder Jobs auf der Startseite (oder anderen Landingpages) umfasst, könnten die folgenden Landingpage-Elemente von Interesse sein:

• Top-Jobs
• Job-Teaser
• Hervorgehobene Organisationen
• Organisationsprofil
• Logo Cloud Simple
• Hervorgehobene Jobs

Top-Jobs

Mit diesem Element können bis zu 6 Job-Teaser auf Landingpages gefiltert und angezeigt werden. Die Filterung ist basierend auf einem bestimmten Beruf und/oder einer Organisation möglich. Zusätzlich wird ein Link zur Job-Suchseite mit allen passenden Stellenanzeigen bereitgestellt.

 

 

Job-Teaser

Mit diesem Element können Sie 6 Job-Teaser auf Landingpages filtern und anzeigen. Die Filterung ist basierend auf einem bestimmten Beruf und/oder einer Organisation möglich. Außerdem wird ein Link zur Job-Suchseite mit allen passenden Jobs hinzugefügt.

 

 

Featured organisations

Das Element „Hervorgehobene Organisationen“ ermöglicht das Hinzufügen der neuesten Organisationen (am kürzesten hinzugefügte Organisationen mit öffentlichem Profil) zur Landingpage. Falls die Funktion „Hervorgehobene Organisationen“ auf der Seite vorhanden ist, kann dieses Element so angepasst werden, dass die hervorgehobenen Organisationen angezeigt werden, anstelle der neuesten.Dieses Element erlaubt auch das Hinzufügen eines Titels und eines Untertitels zu diesem Abschnitt sowie das Festlegen einer Hintergrundfarbe und eines Abstands.

 

 

Organisation Profile

Das Element „Organisation Profil“ ist ein ausgezeichnetes Werkzeug für das Employer Branding und eignet sich besonders gut für gesponserte Artikel. Diese Funktion ermöglicht es Ihnen, ein Arbeitgeberprofil prominent zu präsentieren. Sie können flexibel einen Titel und Untertitel wählen sowie die Details und das Bild der Organisation aus dem Organisationsprofil übernehmen.Dieses Landingpage-Element ist auch für unsere Blog-Funktion verfügbar.

 

Logo Cloud Simple

Die „Logo Cloud Simple“-Reihe ist eine einfache Logowolke, die Bilder nebeneinander oder als Slider-Element anzeigt. Bilder können optional als Links zu einer anderen Seite (z.B. zu den Unternehmensprofilen) verwendet werden. Der Abstand und der Hintergrund können für diese Reihe konfiguriert werden, und es ist auch möglich, einen Titel über den Logos hinzuzufügen.Zusätzlicher Tipp: Achten Sie darauf, dass die Bilder bei der Hochladung dieselbe Höhe haben, um eine bessere Anzeige zu gewährleisten. Die Breite der Bilder kann variieren, jedoch wird empfohlen, dass die Bilder eine ähnliche Höhe haben, um das beste Ergebnis zu erzielen.

Display logo as slide

Es ist ebenfalls möglich, die Logos als Slider darzustellen. In diesem Fall kann außerdem festgelegt werden, wie viele Reihen von Logos in jeder „Slide“ angezeigt werden sollen. 

 

Cobranded Gateway

Die „Cobranded Gateway“-Reihe wurde entwickelt, um den Betreibern von Jobbörsen eine einfache Möglichkeit zu bieten, Kundenlogos darzustellen.Diese Reihe ermöglicht das Hinzufügen eines Logos und von Beschreibungstext. Im Beschreibungsfeld können Site-Administratoren verschiedene Formatierungsoptionen verwenden.

 

Featured Jobs

Die „Featured Jobs“-Reihe ermöglicht das Hinzufügen von hervorgehobenen Stellenanzeigen zur Landing Page. Wenn keine hervorgehobenen Stellenanzeigen verfügbar sind, wird standardmäßig auf die zuletzt hinzugefügten Jobs auf der Seite zurückgegriffen.Diese Reihe erlaubt es ebenfalls, einen Titel und einen Untertitel hinzuzufügen sowie die Hintergrundfarbe und den Abstand zu konfigurieren.

Integrate Media

Die Elemente im Medienbereich ermöglichen das Einbinden von Inhalten von Drittanbieterseiten, wie Videos, RSS-Feeds (z.B. für Podcasts) oder Werbebanner.Verwandte Landing Page-Elemente sind:

• Embedded - YouTube
• RSS Feed
• Ad Banners

Embedded - YouTube

Die „Embedded - YouTube“-Reihe ermöglicht das Anzeigen eines YouTube-Videos auf einer Landing Page-Reihe mit Text daneben. Verwenden Sie immer den YouTube-Embed-Link und nicht die „normale“ URL des Videos.Sie können die Größe des Videos (Breite und Höhe) festlegen und auch eine Hintergrundfarbe einstellen.

RSS Feed

Die „RSS Feed“-Reihe erlaubt das Hinzufügen eines RSS-Feeds, um die 3 neuesten Elemente aus dem Feed als Karten anzuzeigen. Eine Farbe kann konfiguriert werden, die für den Aktionslink verwendet wird, um das Element detaillierter anzusehen.Diese Reihe folgt den RSS-Feed-Standards, daher sollte sichergestellt werden, dass der Feed den Richtlinien für RSS-Feeds folgt (insbesondere hinsichtlich der Bilder).Beispiel eines unterstützten Bild-Tags:<media:content url="PLACEHOLDER_LINK.jpg" medium="image" />

Ad Banners

Werbebanner sind eine optionale Funktion und könnten nicht aktiviert sein. Stellen Sie sicher, dass die Funktion aktiviert ist, bevor Sie sie verwenden - Sie können sich an Ihren Jobiqo-Kontakt wenden, um die Aktivierung dieser Funktion zu besprechen.Die Ad-Banner-Reihe ermöglicht das Einbinden eines Werbebanners, das die gesamte Breite einnimmt. Sie enthält keinen Abstand, da dieser vom Banner abhängt und in der Werbeimplementierung (Entwickler) vorgenommen werden sollte.

Basis Content-Elemente

Wenn Sie ihre Landing Pages mit 

• Simle Text
• Zitat-Absatz
• Karten-Slider
• Horizontale Karte

Simple Text

Die „Simple Text“-Reihe ist ein Editor-Feld, in dem beliebiger Text eingegeben werden kann, nützlich für längere Textseiten wie „Impressum“ oder „Datenschutzrichtlinie“. Sie kann auch zwischen anderen Landing Page-Reihen verwendet werden. Elemente wie Links, Fettdruck, Tabellen und Überschriften können innerhalb dieser Reihe verwendet werden.Es ist möglich, die Hintergrundfarbe dieser Reihe zu definieren.

 

 

Zusätzlicher Tipp: Externe Links, die zu externen Seiten führen, öffnen sich automatisch in einem neuen Tab, während interne Links im selben Tab geöffnet werden. Dieses Element kann zur Darstellung Ihrer DSCGO Informationen genutzt werden.

 

Category Facet

Dieses Element dient dazu, Job-Kategorien als Raster mit Links in der Web-Version und als Akkordeon in der mobilen Ansicht anzuzeigen.Standardmäßig können Website-Betreiber einen Titel, einen Untertitel und einen Absatz hinzufügen, der die Facetten beschreibt. Diese Elemente sind optional. Anschließend können beliebig viele Kategorien hinzugefügt werden. Dabei können verschiedene Kategorien wie Beschäftigungsart, Berufsfelder, Regionen, Städte usw. ausgewählt werden.Die Listenelemente zeigen die Anzahl der Jobs für jede Kategorie an.Beispielsweise könnte eine Option unter der Beschäftigungsart „Vollzeit (22)“ lauten. 

 

  

 

Quote

Der Zitat-Absatz kann verwendet werden, um Zitate oder Testimonials in einem Slider darzustellen. Neben dem Zitattext können optional auch ein Autor und ein Bild hinzugefügt werden. Beide Felder sind optional.Der gesamte Karten-Slider mit Zitat-Absatz (einschließlich Bild und Autor)  

The Cards Slider

Die Karten-Slider-Funktion ist darauf ausgelegt, untergeordnete Absätze in einem flüssigen, interaktiven Slider darzustellen. Dieses vielseitige Element zeigt jede Folie einzeln an und sorgt so für ein konsistentes Nutzererlebnis auf allen Geräten, einschließlich Mobilgeräten, Tablets und Desktops.Anpassungsmöglichkeiten:

• Titel und Untertitel: Es besteht die Möglichkeit, dem Karten-Slider-Bereich einen Titel und einen Untertitel hinzuzufügen. Diese Felder sind optional, können jedoch dabei helfen, den Inhalt des Sliders zu erläutern.
• Hintergrundfarbe: Die visuelle Erscheinung kann durch die Auswahl einer Hintergrundfarbe angepasst werden, sodass der Slider optisch mit dem Gesamtdesign harmoniert.
• Abstandswert: Der Abstandswert kann angepasst werden, um die Polsterung um den Slider zu steuern und ihn nahtlos in das Layout einzufügen.

 

Horizontal Card

Dieser Absatz kann verwendet werden, um horizontale Karten mit Medien und Text im Karten-Slider darzustellen.