Erstellung einer WordPress Unternehmens-Website für Herth+Buss

Herth+Buss ist ein internationaler Händler von Fahrzeugelektrik und Ersatzteilen für asiatische Fahrzeugmodelle. 2017 beautragte der KFZ-Spezialist PERIMETRIK® mit der Erstellung einer modernen Unternehmens-Website mit integriertem Online-Katalog, Produkt-Datenbank und Download-Manager.

Der Fokus des Projekts lag auf folgenden Themen:

  • Individualisierung der Website (Design, Konfiguration, Aufbau des Layouts, etc.)
  • Support bei der technischen und redaktionellen Suchmaschinen-Optimierung
  • Erweiterung leistungsfähigerer WordPress-Suchfunktion
  • Online-Katalog
  • Download-Manager
  • Produktdatenbank
  • Newsletter mit Gravity Forms
  • Re-Design des Blogs
  • Login-Bereich
  • Mehrsprachigkeit
  • Schulungen und Support, Hosting und Updates
  • Verknüpfung mit Social Media-Kanälen

So setzte PERIMETRIK® die Wünsche von Herth+Buss um:

Aufbau und Design

Der Aufbau der neuen Website erfolgte auf Basis von PERIMETRIK® Essentials ONE. Um eine gute Auffindbarkeit der neuen Website bei Google zu gewährleisten, beauftragte Herth+Buss die PERIMETRIK® SEO Suite. Neben einem grundsätzlich SEO-freundlichen Aufbau der neuen Seite (Klartext-URL-Struktur, Perma-Links, rankingfähige Kategorie-Archive und Landing-Pages), wurde eine Keyword-Recherche durchgeführt und die redaktionellen Inhalte darauf abgestimmt. 

Das Design der neuen Herth+Buss-Website ist modern und wirkt sehr lebendig. Dies liegt nicht nur an der Verwendung eines knalligen Rot-Tons, sondern auch an der Integration verschiedener aufflockender Tools, darunter einer Slideshow mit ausdrucksstarken Bildern, einer Call-to-Action-Sektion und einem Facebook-Feed mit unterhaltsamen neuen Posts rund um das Unternehmen.

Die neue Website ist selbstverständlich responsiv und passt sich allen Mobil- und Engeräten an.

Treffervorschau mit Bildern und Filter in Suchfunktion

Header und Menüstruktur

Im Header integrierte PERIMETRIK® einen direkten Link zum Online-Katalog und erstellte einen AJAX Such-Filter mit Direktsuche. Dieser funktioniert folgendermaßen: Sobald der Benutzer einen Buchstaben eintippt, öffnet sich eine entsprechende Trefferliste mit allen Produkten und Inhalten inklusive Vorschaubild, die mit der Eingabe übereinstimmen. Das Menü ist als Off-Canvas-Menü angelegt und öffnet sich am rechten Bildschirmrand. Neben den Menüpunkten „Unternehmen“, „Produkte“, „Services“ und „Karriere“ sind im Menü auch die Übersicht aller Downloads, der Online-Katalog, der angebundene Blog sowie die Anmeldung zum Datenportal verlinkt.

Im Footer erstellte PERIMETRIK® ebenfalls ein Menü. Dieses wurde in die Punkte „Informationen“, „Unternehmen“, „Rechtliches“ und „Mobil“ gegliedert. Während die ersten drei Übersichten selbsterklärend sind, verbirgt sich unter dem Menüpunkt „Mobil“ eine Verlinkung zum Google Play Store, indem sich Interessierte eine eigene Herth + Buss-App für iOs oder Android installieren können.

Re-Design des Blogs

Bereits in ihrer ehemaligen Typo3-Website verwendete Herth + Buss einen eigenen Blog. Von PERIMETRIK® wünschte sich das Unternehmen eine Übertragung sämtlicher Datensätze und -felder zu WordPress sowie eine Anpassung des Blogs an das neue Design. PERIMETRIK® führte einen Produkt-Import mittels CSV-Dateien durch und wertete den Blog funktionell auf: Neben einer optischen Anpassung ans neue Website-Layout, wurde der News-Blog-Bereich um eine anspruchsvoll gestaltete Sidebar erweitert. Zudem entwickelte PERIMETRIK® eine neue Struktur und erstellte für den Blog eigene Kategorien, Archive und Schlagwörter, die zu einer erheblichen Verbesserung der SEO-Ergebnisse führen.

Ansicht Download-Manager

Download-Manager

Zur Darstellung ihres Downloads-Materials, erstellte PERIMETRIK® für Herth und Buss die Übersichtsseite „Downloads“, die direkt im Menü angebunden wurde. Darauf finden sich acht verschiedenen Kategorien, denen die einzelnen Download-Pakete zugeordnet wurden. Beim Klick auf eine Kategorie (z.B.: Poster) gelangt der Interessent direkt zur Auflistung aller Dokumente der jeweiligen Kategorie und hat die Möglichkeit das gewünschte Dokument herunter zu laden.

Zur Verwaltung der Downloads im Backend nutze PERIMETRIK® den „Download-Manager“, der standartmäßig von WordPress zur Verfügung steht. Jede Datei, die sich im Download-Manager befindet, kann anhand der Verwaltungsoberfläche bearbeitet werden und erhält eine eigene URL. Zudem kann über den Download Manager eine statistische Auswertung der Dateien vorgenommen werden.

Online-Katalog

Eine detallierte Übersicht über alle Produkte von Herth und Buss bietet der Online-Katalog. Alle Artikel im Online-Katalog sind hierarisch zugeordnet und werden in Unter- und Überkategorien angezeigt. Die Verwaltung findet nicht in WordPress direkt statt, sondern die Artikel liegen in der Datenbank eines Dienstleisters und werden über eine Schnittstelle anhand von iFrames in die Website integriert.

Auf der linken Seite verfügt er über eine Dropdown-Auswahl mit 21 Ländern. Je nach getroffener Auswahl, werden alle Autohersteller, für die im jeweiligen Land Produkte verfügbar sind, aufgelistet.

Mit Hilfe eines Such-Filters kann nach Artikelnummer, Universalteilname oder Fahrzeugnummer sortiert werden. PERIMETRIK® integrierte den Filter in einer Sidebar als festes Bestandteil der Seite, sodass die Sucheinstellungen jederzeit geändert werden können.  Unterhalb des Filters erstellte PERIMETRIK® zudem eine Merkliste mit Artikelname und Summe. Je nach getroffener Artikelauswahl werden an dieser Stelle automatisch die einzelnen Preise addiert und die Gesamtsumme aller Produkte angezeigt.

Ansicht Online-Katalog

Blätterkatalog verknüpft mit Online-Katalog

Darstellung der Produkte

Zur Darstellung der Produkte erstellte PERIMETRIK® Landing Pages für jedes Sortiment. Auf den Landing Pages findet der Seitenbesucher allgemeine Informationen zum Sortiment sowie weitere Unterkategorien vor. Der Klick auf eine Unterkategorie, z.B. „Signalgeräte“ führt zur Produktdatenbank. Zur besseren Übersicht erstellte PERIMETRIK® Blätterkataloge für verschiedene Produktgruppen, in denen PDF-Dokumente, wie z.B. technische Dokus, neu sortiert und 1:1 aus dem Print-Katalog in WordPress integriert wurden.

Mehrsprachigkeit

Da Herth und Buss ein internationales Unternehmen ist, erstellte PERIMETRIK® mithilfe des Mehrsprachen-PlugIns WPML drei Sprachversionen für die neue Website: Deutsch, Englisch und Französisch. Mit WPML lassen sich alle Inhalte der ersten Sprachversionin die jeweiligen anderen Sprachversionen übersetzen. Jeder Inhaltstyp kann individuell für alle Sprachversionen bearbeitet werden.

Der Online-Katalog, der über eine Länderauswahl mit 21 Ländern verfügt, wurde zudem einzeln für jedes Land in die jeweilige dort vorherrschende Sprache übersetzt.

Fazit

Mit der Erstellung einer neuen WordPress Website für Herth und Buss gelang es PERIMETRIK® die Produkte benutzerfreundlich und übersichtlich zu präsentieren. Neu erstellte Landingpages informieren über verschiedene Produktgruppen und ihre Topseller. Im Onlinekatalog kann der User präzise nach seinem Wunschprodukt suchen und anhand zahlreicher Blätterkataloge findet er weitere Informationen und Daten zum Artikel. Besonders hilfreich bei der Produktsuche ist außerdem der AJAX-Suchfilter, den PERIMETRIK® im Header integrierte. Durch die Zusammenführung der neuen Website und dem Herth und Buss-Blog konnte der Pflegeaufwand bei der Erstellung neuer Beiträge rund ums Unternehmen erheblich verringert werden. Neue Blogbeiträge werden nun automatisch auf der Starsteite der Website angezeigt.

Wünschen Sie Sie auch eine moderne, dynamische Unternehmenswebsite?
Dipl.-Ing. Jenso Weber berät Sie gerne persönlich.

Telefon: +49 228 9764 2412

Mehr zum Thema:

Entwicklung eines Internetauftritts mit integriertem Online-Shop für 5-Diagnostics

Entwicklung eines Internetauftritts mit integriertem Online-Shop für 5-Diagnostics

PERIMETRIK® hat für 5-Diagnostics, eine Produktions- und Vertriebsfirma für Forschungs- und Diagnostikartikel mit Hauptsitz in der Schweiz und den USA, eine WordPress Website mit integriertem WooCommerce-Onlineshop entwickelt. Das Webdesign der neuen Website, die PERIMETRIK® für 5-Diagnostics erstellt hat, ist eine Weiterentwicklung des Designs einer bestehenden Seite, die durch den neuen Shop ersetzt wurde. Dabei hat PERIMETRIK® das weit verbreitete Webshopsystem WooCommerce nahtlos in die Website integriert.

Professionelle WordPress Website für Unternehmen erstellen

Professionelle WordPress Website für Unternehmen erstellen

Die Frage, ob WordPress für den Einsatz in Unternehmenswebsites geeignet ist haben wir in dem Beitrag „Kann man mit WordPress eine professionelle Unternehmenswebsites erstellen?“ geklärt. In diesem Beitrag erläutern wir, wie man mit WordPress eine professionelle WordPress Website für Unternehmen erstellen kann.

Kann man mit WordPress eine professionelle Unternehmenswebsite erstellen?

Kann man mit WordPress eine professionelle Unternehmenswebsite erstellen?

Wir werden häufig gefragt, ob WordPress (als Alternative zu TYPO3) für den professionellen Einsatz geeignet ist und ob wir mit WordPress Websites für Unternehmen erstellen können… WordPress ist auch für komplexe Firmenwebsites geeignet!