Hogalog – Digitalisierung für die Lebensmittelbranche

WordPress Development, Block Theme

hogalog.ch besuchen

Die Hogalog AG mit Sitz in Winterthur hat sich ganz der Digitalisierung der Lebensmittelbranche verschrieben. Die HOGASHOP-Plattform bietet Anbietern sowie Abnehmern eine standardisierte Schnittstelle und ermöglicht es so Unternehmen jeder Grösse, Geschäftsprozesse zu digitalisieren und zu optimieren.

Wir durften die Hogalog beim Relaunch ihrer Website begleiten und die Designs, die in diesem Fall in-house durch einen Designer erstellt wurden, als individuelles WordPress-Theme umsetzen. Dazu entwickelten wir ein neuartiges, sogenanntes Block- oder Fullsite-Editing-Theme, was diverse Vorteile mit sich brachte.

Aufgabenstellung

Das neue Design wurde durch den Designer in figma erstellt, von wo wir alle relevanten Designelemente und Spezifikationen für die Umsetzung entnehmen konnten. Einige der bestehenden Funktionalitäten der Website sollten 1:1 übernommen werden, da diese dem Marketing-Team bereits bekannt waren und erneute Einarbeitungszeit vermieden werden sollte.

Hinzu kam eine Liste an zwingend notwendigen Neuerungen, sowie einige «Nice-to-haves» die falls möglich gerne umgesetzt werden sollten.

Die Website sollte zudem Mehrsprachigkeit unterstützen und direkt beim Launch in vier Sprachen starten.

Umsetzung

Für das Theme entschieden wir uns dazu, voll und ganz auf ein Block Theme zu setzen. In einem ersten Schritt gingen wir also die Designs in figma Schritt für Schritt durch und planten, welche Blöcke wir verwenden können und machten Notizen für die Entwicklung.

Da Block Themes von der Funktionsweise herkömmlicher Themes teils stark abweichen können, testeten wir in einem nächsten Schritt zuerst ausführlich, inwiefern Polylang (Pro) sich mit Block Themes einsetzen lässt um Überraschungen bei der Entwicklung zu vermeiden.

Nun machten wir uns daran, die grundlegenden Eigenschaften des neuen Designs in der theme.json Datei zu definieren. Diese Herangehensweise ist nicht ganz ohne Tücken und man wirft einige Gewohnheiten über Bord. Im Endeffekt überwiegen die Vorteile aber ganz klar. So ermöglichen es die standardisierten Definitionen z. B. viel einfacher, die Designs im Editor exakt gleich aussehen zu lassen und damit die Bearbeitung der Inhalte natürlicher zu gestalten. Zudem bringen Block Themes einige Performance-Optimierungen mit sich, die mit Classic Themes nicht oder nur schwer nachzuahmen sind.

Technologien

• Block / FSE WordPress Theme
• SCSS / CSS
• Javascript
• Mehrsprachigkeit mit Polylang Pro

Fazit

Die Umsetzung war mit nicht einmal 3 Monaten von der ersten Offerte bis zum Go-Live äusserst sportlich bemessen, zumal dazwischen noch die Weihnachtsferien lagen. Die Zusammenarbeit mit Hogalog und die Kommunikation mit dem gesamten Projektteam hat aber bestens funktioniert und so konnte die neue Website ohne Probleme und pünktlich auf den geplanten Go-Live Termin online gehen.