Highlights:
- Aufbau und Design
- Produktkategorien mit Produktvorstellung und Download-Material
- Seite Unternehmen mit Firmengeschichte und Standortanzeige per Google Maps
- Seite Karriere mit Bewerbungsprozess und FAQs
- Integration einer Sidebar mit Ansprechpartnern pro Bereich
- Dynamische Ausgabe von News und Veranstaltungen
- Einrichtung einer Funktionalität für Mehrsprachigkeit mit WPML
Aufbau und Design
Für das Design der neuen WordPress Website für NDI Europe entwickelte PERIMETRIk® passend zum Logo ein Blau-Weißes Farbschema mit einigen Elementen in einem dezenten Grau.
Das Hauptmenü besteht aus den Punkten „Produkte“, „Unternehmen“, „Karriere“ und „Aktuelles“. Im Metamenü erstellte PERIMETRIk® zusätzlich die Punkte „Jobs“, „Kontakt“ sowie einen Sprachumschalter zum Wechseln zwischen der Deutschen und der Englischen Sprachversion.
Auf der Startseite wird ein Slider über die gesamte Bildschirmbreite genutzt, um ansprechende Key Visuals mit Verlinkung zu den wichtigen Inhalten darzustellen. Jedes Key Visual enthält einen individuellen Titel sowie einen Button, der den user direkt auf die entsprechende Unterseite führt.
Weiter integrierte PERIMETRIK® auf der Startseite Sektionen zu den verschiedenen Produktarten und zur Technologie. Ebenso wurden auf der Startseite Sektionen für aktuelle News und Veranstaltungen ergänzt. Die Ausgabe der Beiträge erfolgt an beiden Stellen dynamisch.
Der Footer ist vier-spaltig und enthält die Widgets „Kontakt“, „Das sind wir“, „Rechtliches“ sowie „Auszeichnungen und Zertifikate“.
Auf der Startseite werden die wichtigsten Website-Inhalte übersichtlich dargestellt und verlinkt.
Im Produktsteckbrief werden die technischen Daten zum Produkt angezeigt. Für weitere Informationen steht passendes Download-Material zur Verfügung.
Produktkategorien mit Download-Material
Die Produkte von NDI Europe teilen sich in erster Linie in Elektromagnetische Produkte und in Optische Produkte.
Für beide Produktarten erstellte PERIMETRIK® eine entsprechende Unterseite mit ausführlichen Informationen und einer Erläuterung des Wirkungsprinzips.
Für die Anwendungsgebieten gestaltete PERIMETRIK® ein übersichtliches Kachelmuster. Jedes Anwendungsgebiet wird innerhalb einer Kachel mit Bild, Titel und Definition vorgestellt.
Zudem integrierte PERIMETRIk® einen Produktsteckbrief mit Technischen Daten und verfügbarem Download-Material pro Produkt. Dieses liegt in Form von PDF-Dateien vor und kann per Klick frei von Benutzer heruntergeladen werden.
Seite Unternehmen mit Firmengeschichte und Standortanzeige mit Google Maps
Die Seite „Unternehmen“ präsentiert die Entwicklung des Unternehmens in Form von Meilensteinen. Unterhalb davon integrierte PERIMETRIK® eine Sektion mit Standortübersicht. Dazu wurde das PlugIn „Store Locator“ genutzt. Jeder der weltweit vier NDI Standortorte wurde als Store angelegt. So konnten pro Store individuelle Adress- und Kontaktdaten ergänzt werden. Die Daten der einzelnen Stores sind innerhalb einer Sidebar nachlesbar. Daneben fügte PERIMETRIK® einen Google Kartenausschnitt ein. Anhand der jeweiligen Adress-Daten werden pro Store die passenden Koordinaten berechnet. So werden alle vier Unternehmensstandorte korrekt auf der Karte angezeigt.
Abschluss der Seite bildet eine vierspaltige Sektion, in der soziale Projekte des Unternehmens präsentiert werden können.
Die Pointer auf der Google-Karte zeigen die vier Unternehmens-Standorte an.
Jede FAQ wird anhand eines Toggles dargestellt. Per Klick auf das Plus-Zeichen (rechts im Toggle) kann die Antwort nachgelesen werden.
Seite Karriere mit Bewerbungsprozess und FAQs
Auf der Seite „Karriere“ findet der User einen Überblick über alle derzeit offenen Stellen bei NDI Europe. Um die offenen Stellen dynamisch ausgeben zu können, erstellte PERIMETRIK® die Beitragskategorie „Offene Stellen“. Mittels PCM werden alle Posts dieser Kategorie auf der Seite „Karriere“ automatisch angezeigt.
Um möglichen Bewerbern einen guten Service zu bieten, erstellte PERIMETRIK® zudem die Unterseiten „Bewerbungsprozess“ und „FAQ“. Auf der Seite „Bewerbungsprozess“ wurde der Ablauf einer Bewerbung in 5 Schritten dargestellt. Zur Veranschaulichung band PERIMETRIK® für jede Bewerbungsstufe ein passendes Icon, Titel und Beschreibungsfeld ein.
Unter „FAQs“ können Antworten auf die meist gestellten Fragen gegeben werden. PERIMETRIK® nutzte dafür eine Toggle-Darstellung. Wer sich für eine bestimmte Frage interessiert, klickt auf das kleine Plus-Zeichen und im Toggle öffnet sich die entsprechende Antwort.
Sidebar mit dynamischer Ausgabe der Ansprechpartner
Auf der Website von NDR Europe werden unterschiedliche Ansprechpartner für die verschiedenen Aufgabenbereiche dargestellt. So ist bei Fragen zum Thema Karriere/ Jobs und Bewerbung der Head of Human Resources zuständig, für Fragen rund um News und Veranstaltungen kümmerst sich hingegen the Document & Media Design Specialist.
Damit auf den Seiten „Karriere“ und „Aktuelles“ immer der richtige Ansprechpartner angezeigt wird, erstellte PERIMETRIK® den Custom Post Type „Ansprechpartner“. Jeder Ansprechpartner kann einem Zuständigkeitsbereich zugeordnet werden (z.B. Human Resources). Mithilfe von PCM wird innerhalb einer Sidebar auf der jeweiligen Seite automatisch die zuständige Ansprechpartnerin dargestellt.
In der linken Sidebar werden die Ansprechpartner zum Thema Unternehmen und Karriere dargestellt. Die Sidebar rechts zeigt die Ansprechpartnerin zum Thema Aktuelles.
Auf dem News-Archiv werden alle News-Beiträge aufgelistet. Der vollständige Beitrag ist auf der entsprechenden Detailseite zu lesen. Archiv und Detailseiten für News sind eine Standard-Funktion von Word-Press.
News und Veranstaltungen
Um aktuelle News auf der Website zu veröffentlichen, nutzte PERIMETRIK® den WordPress Standard-Beitragstyp „Beiträge“. Das News-Archiv, auf dem alle Beträge aufgelistet werden, verlinkte PERIMETRIK® unter dem Menüpunkt „Aktuelles“. Zudem wurde eine Sektion mit den neuesten drei News-Beiträgen auf der Startseite eingefügt.
Zusätzlich installierte PERIMETRIK® das PlugIn „Event Manager“. Mit diesem lassen sich Veranstaltungen erstellen und verwalten. Die Übersicht mit allen Veranstaltungen integrierte PERIMETRIK® als Dropdown-Auswahl ebenfalls unter dem Menüpunkt „Aktuelles“. Ebenso wie für die News wurde zudem auch für die nächst kommenden Veranstaltungen eine Sektion auf der Startseite erstellt.
Die Ausgabe der News sowie der Veranstaltungen auf der Startseite erfolgt mittels des von PERIMETRIK® entwickelten PlugIns PCM.
Einrichtung einer Funktion für Mehrsprachigkeit und Erstellung einer weiteren Sprachversion für den englischen Sprachraum
Als Tochtergesellschaft eines kanadischen Unternehmens sollte die neue Website für NDI Europe natürlich auch über eine englische Sprachversion verfügen. Dazu installierte PERIMETRIK® das Mehrsprachen PlugIn WPML. Mit diesem lassen sich alle Seiten und Inhalte in die gewünschte Sprachversion übersetzen. Dies funktioniert jedoch nicht auf Knopfdruck, sondern meistens erfordern etliche Stellen eine individuelle Nachberarbeitung. Zudem ist es empfehlenswert eine Sprache erst vollständig bearbeitet zu haben, bevor es an die Übersetzung einer weiteren Sprache geht.
Die Startseite für die englische Sprachversion ist genauso aufgebaut, wie die deutsche Startseite. Mit WPML wäre aber auch ein individueller Seitenaufbau – je nach Sprachversion – möglich.
Fazit:
Für NDI Europe erstellte PERIMETRIK® eine informative, übersichtliche und ansprechende Unternehmensseite in den Sprachen Deutsch und Englisch. Die Startseite bietet einen umfangreichen Überblick über Produkte, Technologie und Unternehmen. Weitere Informationen und Details sind auf entsprechenden Unterseiten zu finden. Die dynamische Ausgabe von Stellenangeboten, News und Veranstaltungen hält den redaktionellen Aufwand gering. Download-Material für die Produkte und FAQs zum Thema Karriere bieten dem Benutzer einen besonderen Service. Präsent eingebundene Kontaktdaten der Ansprechpartner für verschiedene Bereiche erleichtern außerdem die direkte Kontaktaufnahme – egal, bei welchen Anliegen.