Migration von Typo3 zu WordPress für ZVG Troisdorf

Die Zellstoff Vertriebs Gesellschaft (ZVG) mit Sitz in Troisdorf führt und produziert ein großes Sortiment an Artikeln rund um die Bereiche Arbeitsschutz, Reinigung und Hygiene. Ihre ehemalige Website befand sich auf einem veralteten Stand von Typo3. Anstelle einer kostenaufwändigen Modernisierung der Seite, beauftragte das Unternehmen PERIMETRIK® mit der Erstellung einer völlig neuen Seite.

PERIMETRIK® entwickelte daraufhin eine moderne WordPress Website mit einer hohen Zahl an SEO-relevanten Landingpages zu unterschiedlichen Produktgruppen sowie einem großen Anteil an dynamischen Inhalten zur Erleichterung des Pflegeaufwands.

Die neue WordPress Website im Vergleich zur alten Typo3 Seite:

0550-zvg-troisdorf-neu
0550-zvg-troisdorf-alte-website
Vergleich nachher/vorher: Die neue Website ist modern, übersichtlich und erleichtert die Pflege durch den Einsatz von dynamischen Inhalten. Die ehemalige Typo3 Seite war nicht mehr zeitgemäß und erforderte einen hohen Pflegeaufwand.

Frisches Design und klarer Aufbau

Für ihre neue Website wünschte sich die ZVG Troisdorf einen modernen Look und eine saubere Struktur. PERIMETRIK® überarbeitete das Logo und erstellte eine neue Menüstruktur. Anders als auf der ehemaligen Typo3 Seite kategorisierte PERIMETRIK® die Produkte und erstellte die beiden Taxonomien „Anwendungen“ und „Zielgruppen“. Anschließend entwickelte PERIMETRIK® für jede Anwendung (z.B.: Oberflächenreinigung) und für jede Zielgruppe (z.B.: Seuchenschutz) ein Term Archiv.

Übersichtliche Menüstruktur

Für die einzelnen Terms erstellte PERIMETRIK® Landingpages in einem einheitlichen Look. Diese sind per Dropdownliste unter dem zugehörigen Menüpunkt aufrufbar. Der Menüpunkt „Produkte“ verlinkt zum Shopware Shop ZVG Direktvertrieb. Dieser soll im Laufe des Jahres 2020 durch einen von PERIMETRIK® erstellten neuen WooCommerce-Shop ersetzt werden.

Globales Footer-Element

Der Footer ist zweizeilig und vierspaltig aufgebaut. Die erste Zeile enthält eine Verlinkung zur „Über uns“-Seite, den Nachweis über das vorhandene Sicherheits-Zertifikat, einen Überblick über die Vorteile von ZVG sowie möglichen Zahlungsoptionen. Die zweite Zeile beinhaltet die ZVG- Kontaktdaten, ein Servicemenü, weitere Informationen und eine Newsletter-Anmeldung. Neben dem eigentlichen Footer wünschte sich die ZVG Troisdorf auch einen Prefooter. Diesen speicherte PERIMETRIK® als globales Element in der Divi-Bibliothek und setzte ihn auf allen Seiten als feste Sektion ein. Der Prefooter beinhaltet einen CTA, der zur Newsletter-Anmeldung aufruft und einen Slider mit allen Marken, die ZVG im Sortiment führt.

0550-zvg-menüstruktur
Der Header mit Logo und Menü ist sticky und „klebt“ am oberen Desktoprand.
0550-zvg-menüstruktur
Die Vielzahl der entstandenen Landingpages tragen zu einer höheren Auffindbarkeit der neuen Website bei Google bei.

SEO-relevante Landingpages

Um die Produkte thematisch zu gliedern erstellte PERIMETRIK die Taxonomie „Anwendungen“. Jeder Term, der unterhalb einer Taxonomie erzeigt wird, generiert automatisch eine Landing Page.

Auf dieser werden alle Produkte, deren Eigenschaften der Anwendung entsprechen (z.B. „Reinigen“, „Fahrzeigaufbereitung“ oder „Hautschutzpflege“ dargestellt.  

Zudem erstellte PERIMETRIK® ein zentrales Layout für alle Term-Archive unter Anwendungen, auf denen ein hoher Anteil dynamisch generiert wird. Dazu gehören Produkt-Tipps, News, Topseller und informatives Download-Material.

Zur einheitlichen Präsentation wird auch das Design der Landing Pages im zentrales Layout festgelegt: Jede Landingpages beginnt mit einer Key Visual Sektion, auf der Titel und Bild auf orangefarbenen Hintergrund dargestellt werden. 

Für die Ausgabe der dynamischen Inhalte verwendete PERIMETRIK® das selbst erstellte PlugIn PCM. Per Filtereinstellungen werden auf jeder Landingpage nur die Produkte, News, Veranstaltungen, Downloads etc. angezeigt, die für die jeweilige Kategorie relevant sind. Dies ermöglicht einen besonders geringen Arbeitsaufwand bei der Erstellung einer neuen Landingpage.

Lediglich Titel, Beschreibungstext und Beitragsbild müssen pro Term in die von PERIMETRIK® angelegten Bearbeitungsfelder im Backend eingetragen werden. Anschließend werden sie ins Layout integriert und in wenigen Minuten ist eine vollumpfängliche Landingpage mit zahlreichen Inhalten fertig.

Dynamische Inhaltsausgabe 

Die neue WordPress Website von ZVG Troisdorf verfügt über einen hohen Anteil an dynamischen Inhalten. Mit Hilfe des von PERIMETRIK® entwickelten PlugIn PCM können diese anhand von unterschiedlichen Kriterien ausgegeben werden.

Um weitere sinnvolle Bezüge herstellen zu können, erstellte PERIMETRIK® zusätzlich zur Taxonomie „Anwendungen“ die Taxonomie „Zielgruppe“. Diese enthält z.B. die Terms „Industrie“, „Pflegebereiche“, „Sanitärbereiche“ oder Gastronomie. Jedes Produkt kann einer oder mehrerer dieser Zielgruppen zugeordnet werden. Anhand dieser Zuordnung werden dann auf dem jeweiligen Term-Archiv mit PCM automatisch alle passenden Produkte aufgelistet.

Auf der Seite „Aktuelles“ verwendete PERIMETRIK® ebenfalls eine dynamische Inhaltsausgabe. Hier werden alle zukünftig stattfindenden Veranstaltungen, Servicematerial in Form von Downloads sowie Produkthighlights aufgeführt. Es findet also in diesem Fall keine dynamische Auflistung nach Eigenschaften statt, sondern nach Inhaltstyp. Die Sortierung der News und Veranstaltungen erfolgt nach Datum; die neuesten Inhalte werden in der Liste zuerst dargestellt.

Daneben integrierte PERIMETRIK® eine Sidebar. In dieser werden an oberster Stelle die Kontaktdaten von ZVG gezeigt. Darunter befindet sich eine Übersicht aller Kategorien, Branchenlösungen, Anwendungen und Veranstaltungen.

0550-zvg-troisdorf-seite-veranstaltungen
0550-zvg-troisdorf-seite-veranstaltungen
Kontaktformular mit Standortanzeige per Google Maps-Kartenausschnitt.

Kontaktseite mit Standort-Übersicht

Für die Seite „Standorte“ erstellte PERIMETRIK® eine Grafik, auf denen alle ZVG-Standorte anhand von Pointern angezeigt werden. Darunter werden die einzelnen Standorte mit Thumbnail und Adressdaten aufgelistet. Verlinkt wurde die Seite „Standorte“ mit der Startseite sowie mit der Seite „Aktuelles“.

Auf der Seite „Kontakt“ integrierte PERIMETRIK® eine weitere Standortanzeige mithilfe von Google Maps, auf der der Seitenbesucher die Lage und Adresse des Unternehmens ansehen kann.

Für Fragen, Kommentare oder weitere Anregungen erstellte PERIMETRIK® ein Kontaktformular, in dem sich Interessierte direkt an ZVG Troisdorf wenden können.

Fazit:

PERIMETRIK® hat eine moderne und gut strukturierte WordPress Website für ZVG Troisdorf entwickelt. Dank der Verwendung von PCM zur dynamischen Content-Ausgabe wurde der Pflegeaufwand erheblich minimiert und der Mehrwert für den Benutzer durch die Ausgabe passender Inhalte an relevanten Stellen gesteigert.

Der bestehende Shopware-Shop wird durch einen integrierten WooCommerce Shop ersetzt.

Weitere Projekte für Kunde: ZVG, Troisdorf

Unsere Lösungen für dieses Projekt:

In diesem Projekt konnten wir auf einige bewährte Lösungen zurückgreifen:

Anfrageformular

Sie brauchen ein sicheres, DSGVO-konformes Formular auf Ihrer Website? Wir erstellen Ihnen jede Art von Formular mit Google reCaptcha für Ihre WordPress Website oder Ihren WooCommerce Shop.

B2B Shop

Sie möchten, dass Ihr Online-Geschäft floriert? Wir erstellen Ihnen einen professionellen B2B-Webshop mit WordPress und WooCommerce. Produktverwaltung, Preisstaffelungen, LogIn-Bereich mit verschiedenen Benutzerrollen – B2B- Webshops von PERIMETRIK® sind benutzerfreundlich, SEO-optimiert und einfach zu verwalten.

Download Manager

Landing Page

Mehr Content, mehr Nutzen, mehr Relevanz – Wir erstellen Ihnen eine Website-Struktur für Ihre WordPress Seite, mit der einfach und schnell neue Landing Pages generiert werden können.

Migration von TYPO3 zu WordPress

Wir nutzen eine Migrations-Software für den Import Ihrer Daten aus TYPO3 nach WordPress, alternativ importieren wir Ihre Daten direkt aus der MySQL Datenbank von TYPO3.

Migration zu Wordpress

WordPress ist das Content Management System der unzähligen Unmöglichkeiten! Kein anderes CMS verfügt über mehr kompatible PlugIns und Erweiterungen. Wir erstellen Ihre Wunsch-Website mit WordPress, die Sie einfach redaktionell pflegen können.

Mobiloptimierung

Responsive Websdesign – Websites von PERIMETRIK® passen sich jeder Desktopgröße automatisch an. Wir optimieren Ihre WordPress Website für eine saubere Darstellungsweise aller Seiten und Inhalte auf mobilen Endgeräten.

Online-Produktkatalog

Geben Sie Ihren Kunden eine geordnete Übersicht über Ihr gesamtes Sortiment: Wir entwickeln für Ihre WordPress Website einen strukturierten Produkt-Katalog mit Produktgliederung in Form von Kategorien und Detailseiten mit allen wichtigen Produktinfos auf einen Blick.

Produktdatenbanken

Kein Inhalt ohne Datenbankeintrag: Sie betreiben einen Webshop und möchten zu WooCommerce wechseln? Wir ex- und importieren Ihre Produkte aus der alten Datenbank in die neue und gestalten einen benutzerfreundlichen Webshop mit Landing Pages zu den Produktkategorien und informativen Produktdetailseiten.

Produktfilter

Besserer Kundenservice mit einem komfortablen Produktfilter zur Eingrenzung von Kategorien und weiteren Produkteigenschaften: Wir entwickeln einen professionellen Filter für Ihr Sortiment und integrieren diesen an gewünschter Stelle in Ihren WooCommerce Shop.

Webdesign-Entwicklung

Ihre Website könnte dringend einen neuen Look vertragen? Dann nichts, wie los! Wir gestalten ein professionelles Webdesign, das zu Ihnen und Ihrer Branche passt. Gerne orientieren wir uns dabei an Ihren Vorlagen und entwickeln Layouts, die zu Ihrem Geschmack passen! Vielleicht haben Sie gar keine genauen Vorstellungen und möchten sich lieber inspirieren lassen? Gerne! Als erfahrenes Design-Team beraten wir Sie in Sachen Gestaltung und entwerfen Layout-Vorlagen für verschiedene Seiten-Typen.

Haben Sie Ihren Favoriten gefunden, gestalten wir das Webdesign für Ihre (neue) WordPress Website in Anlehnung an die Design-Vorlage und passen Inhalte, Texte und Fotos daran an. Gerne überprüfen wir die fertige Website anschließend noch einmal auf weiteren Displaygrößen (z.B. für Tablet und Smartphone) und führen einen Design-Feinschliff für eine saubere Ansicht auf allen Endgeräten durch.

WordPress Updates

Automatische oder manuelle WordPress Updates Ihrer WordPress Website oder Ihres WooCommerce Shops – wir kümmern uns darum!

Suchen Sie eine professionelle Internetagentur?