Moderner WordPress Blog für eine führende Technologiefirma

Leistungen von Dream Production

Zühlke erwartete eine fortschrittliche und stabile Lösung, welche die Nutzer bei ihrer Arbeit unterstützt und sie gleichzeitig in ein einzigartiges digitales Erlebnis eintauchen lässt. Eine der wichtigsten Anforderungen bestand darin, den Benutzern das Navigieren durch die umfangreichen Inhalte zu erleichtern, die sich seit der Einführung des Blogs im Jahr 2013 bereits angesammelt hatten. Schon diese erste Version war auf WordPress aufgebaut worden. Die Projektbeschreibung machte deutlich, dass es in unserer Verantwortung lag, die Publikation und das Lesen der Beiträge massgeblich weiterzuentwickeln.

Die Neuimplementierung des kundenspezifischen WordPress Theme erforderte zunächst ein überzeugendes Designkonzept. Unser Kreativteam präsentierte einen modernen, aber aufgeräumten Entwurf, der auf das Corporate Design von Zühlke abgestimmt war. Wir bauten auf den Markenelementen der Hauptwebsite auf und übernahmen die bestehenden Farben, die definierten Schriftarten und die Informationsarchitektur. Dennoch bietet der Blog eine ganz neue Benutzererfahrung. Ein aufgerufener Artikel rückt in den Mittelpunkt, während andere visuelle Elemente um ihn herum ein ansprechendes, aber funktionales Layout ohne Ablenkung bilden.

Um das Design auf allen Seiten für unterschiedliche Bildschirmgrössen zu optimieren, mussten wir ein intuitives Navigationskonzept entwickeln. So implementierten wir sowohl beim Blogarchiv wie auch bei den einzelnen Beiträgen Infinite Scrolling, damit die Leser ohne Unterbruch durch die Seiten navigieren können. Die URL wird beim Scrollen automatisch aktualisiert, ohne dass die Seite neu geladen oder andere Seiten aufgerufen werden müssen. Ist man zum Beispiel am Ende eines Artikels angelangt, wird automatisch der nächste Beitrag geladen. Kehrt man zur Hauptseite zurück, wird man direkt zum zuletzt angesehenen Beitrag geführt, ohne dass man ihn erneut suchen muss. Die URL gibt die Position an, an der man sich gerade befindet. Beim Scrollen nach oben oder unten wird der Inhalt asynchron abgerufen, was das Navigieren erleichtert. Wir implementierten alle diese Funktionalitäten in JavaScript und jQuery und setzten AJAX-Anfragen ein, um neue Daten abzurufen.

Das Theme verwendet die bestehende Datenbank und gibt deren Inhalte im neuen Design aus. Dadurch mussten wir keine alten Inhalte migrieren oder importieren, was unseren Zeitaufwand deutlich reduzierte.

Die umfangreichen Inhalte in Kombination mit dem grosszügigen Gebrauch von JavaScript hätten sich potenziell negativ auf die Performance auswirken können. Um das zu verhindern, setzten wir Accelerated Mobile Pages (AMP) ein. Das Open-Source-Projekt von Google ermöglicht leistungsstarke Seiten und durchgängig schnelle Ladezeiten für alle Endgeräte und Plattformen.

Zühlke wünschte sich auch ein pixelgenaues, für mobile Endgeräte optimiertes Responsive Design. Wir implementierten mehrere Mediaabfragen, so dass jedes Bildformat abhängig von der Bildschirmauflösung und vom Gerät des Nutzers ausgegeben wird.

Als internationales Unternehmen mit Kunden auf der ganzen Welt war es für Zühlke ausserdem unerlässlich, die Website in mehreren Sprachen anzubieten. Wir setzten WPML ein, um die Übersetzungen zu erstellen und zu verwalten. Das Plugin erlaubt es auch jederzeit, bei Bedarf zusätzliche Sprachen hinzuzufügen.

Wir haben die Zusammenarbeit mit Zühlke sehr geschätzt und als willkommene Herausforderung betrachtet, einen Beitrag zu einem Projekt zu leisten, das neue Massstäbe für kundenorientiertes Design setzt. Schauen Sie sich das Ergebnis an und kontaktieren Sie uns, wenn Ihnen ein ähnlicher Ansatz auch für Ihr eigenes Unternehmen vielversprechend erscheint.