Performance und Flexibilität - PWA Onlineshop für Ergotopia

Der Online-Shop unseres Kunden Ergotopia, Experte für ergonomische Büromöbel, muss eine Menge können. Nicht nur, dass hier komplexe erklärungsbedürftige Produkte an anspruchsvolle Kunden verkauft werden. Ein eigener Blog rund um das Thema Gesundheit legt zudem einen starken Fokus auf die inhaltliche Kompetenz des Unternehmens. Und wenn dann noch unternehmerisches Wachstum dazu kommt, stößt so ein Shop schon mal an seine Grenzen. Nun kann man hier und da ein Feature ergänzen und das System erweitern. Aber es läuft einfach nicht mehr rund. Es braucht einen vollständigen Relaunch.

Die Herausforderung: Alles auf einmal

Die Erwartungen an den neuen Shop lassen sich schnell auf einen Nenner bringen: Hoch performant mit maximaler Individualität. Detailverliebte Produktseiten sollen sich schnell auf den neuesten Stand bringen lassen und in Null komma nix aufbauen. “Das System muss einfach super gut funktionieren”, resümiert Niklas Liedtke, Projektleiter bei dmf, die Kundenanforderung. “Die Prozesse dürfen an keiner Stelle für Frustration sorgen.” Gleichzeitig sollte ein großer Wissensbereich integriert werden, der dem Unternehmen die größtmögliche redaktionelle Freiheit bietet. Schließlich muss der Online-Shop skalierbar sein, um den unternehmerischen Wachstumszielen auch perspektivisch gerecht zu werden.

5 Ziele auf einen Blick:

Hohe Performance
Hohe Individualität
Einbindung des ERP-Systems
UX-optimierte Benutzerführung
Skalierbarkeit: Wachstum und Internationalisierung abbilden

Die Lösung: Das Beste kombinieren

“Wir haben uns für das Shopsystem Shopware 6 entschieden, weil es besonders pflege- und anwenderfreundlich ist”, erklärt Niklas. Doch das war nur ein Teil der Lösung. “Zusätzlich brauchten wir ein hoch performantes Frontend, das trotzdem die Möglichkeit bietet, die Seiten individuell zu pflegen.” Diese Anforderungen ließen sich mit dem herkömmlichen Frontend von Shopware 6 nicht optimal abbilden. “Also haben wir Shopware kopflos gemacht.” Das Team setzt auf das sogenannte Composable Commerce.

“Auf diese Weise können wir verschiedene Expertensysteme nutzen und unsere Optionen erheblich ausweiten”, begründet Niklas den dmf-Weg.

Hubble als Frontend

Das heißt konkret: Das Team nutzt Shopware 6 als Backend und legt über das Frontend einen sogenannten Frontend-Layer. “Eine neue Frontend-Lösung, die uns mehr Möglichkeiten bietet”, erklärt Niklas. Dafür haben wir bei dmf eine eigene Lösung gebaut: “Hubble” ist eine hoch performante PWA, die wir für Ergotopia auf Shopware angepasst haben. Sie bietet einen besonders schnellen Seitenaufbau, auch bei komplexen Inhalten. Die Seiten funktionieren auch auf mobilen Endgeräten ohne Einschränkungen im Nutzererlebnis und der Performance. Die Vorteile der neuen Frontend-Technologie haben wir in diesem Beitrag schon einmal beschrieben.

“Klar, dass wir Hubble im Ergotopia-Design online gestellt haben”, so Niklas.

Headless-Content-Management-System

Für den redaktionellen Bereich des Shops integriert das dmf-Team eines der führenden Headless-Content-Management-Systeme. Hier kam es insbesondere darauf an, dem Kunden eine größtmögliche redaktionelle Freiheit zu gewährleisten. “Wir haben mit unserem Kunden die benötigten Komponenten definiert”, beschreibt Niklas den Prozess. Beispielsweise die klassische Text-Bild-Kombination. “Die Komponenten haben wir dann strukturell bereitgestellt.” So sind viele verschiedene Varianten entstanden, die der Kunde beliebig nutzen kann. Er möchte Text und Bild nebeneinander und ein Video im Anschluss? Bitte sehr. Es soll ein Eröffnungs-Video geben, dann ein Interview mit verschiedenen Produktfotos? Kein Problem. “Innerhalb der Komponenten hat der Kunde eine nahezu grenzenlose Freiheit”, freut sich Niklas. “Hubble sorgt dafür, dass die Performance im Frontend trotzdem passt.”

Individuell und schnell im Checkout

Dass der Checkout ein Schlüsselbereich im Online-Shop ist, ist unter Shopbetreiber:innen längst ein offenes Geheimnis. Auch Ergotopia wünscht sich einen besonders individuellen Kassenbereich, der den Kaufprozess auch bei hohen Besucherzahlen erfolgreich zu Ende bringt. In unserem Hubble-Frontend konnten wir den Checkout wunschgemäß programmieren und eine hohe Performance sicherstellen.

Das optimale Zusammenspiel der Systeme bringt Performance und Freiheit

“Dass wir in die Entwicklung von Teilsystemen investiert haben, hat etwas Zeit gekostet”, zieht Niklas Bilanz. “Aber das Ergebnis gibt uns recht.” Die Shoplösung bietet die Möglichkeit, komplexe Inhalte mit großer Flexibilität zu verarbeiten. Und dennoch eine hohe Performance sicherzustellen. Ein klares Plus fürs Google-Ranking, denn der Ergotopia-Shop kann so bei den Core Web Vitals, die Content und Usability bewerten, stark punkten.

“Damit die Shop-Lösung funktionieren kann, war es wichtig, die verschiedenen Teilsysteme gut zu verbinden”, erklärt Niklas. Das ist im Grunde wie beim Fußball. Es bringt nichts, nur Weltklasse-Spieler auf dem Platz zu haben. Sie müssen als Mannschaft zusammenarbeiten. Erst dann fallen die wichtigen Tore. “Genau dieses gute Zusammenspiel ist uns beim Ergotopia-Shop gelungen”, freut sich Niklas.

Über Ergotopia

Ergotopia ist eines der am schnellsten wachsenden Gesundheits- und Büromöbelunternehmen Europas. Von Einrichtungsberatung über ergonomische Büroeinrichtung bis hin zu umfangreichen Gesundheitsschulungen (online oder vor Ort) – bei Ergotopia gibt es all das aus einer Hand.

Das klare Ziel: Die ideale Arbeits- und Lebensumgebung für Menschen zu erschaffen. Egal ob für Selbstständige im Home Office, schnell wachsende Startups, mittelständische Unternehmen oder große Teams in Konzernzentralen – Ergotopia Produkte bringen immense Vorteile. Das beweisen nicht nur wissenschaftliche Studien, sondern auch das Feedback unserer begeisterten Kunden.

Alex Weitnauer, Co-Founder und Geschäftsführer der Ergotopia GmbH
Ergotopia sieht sich als schnell wachsendes Unternehmen vielen Herausforderungen gegenüber. Um mit unserer Website technisch auf der Höhe der Zeit zu bleiben und unseren Kunden (vor allem auch auf mobilen Geräten) das bestmögliche Erlebnis bieten zu können, setzen wir seit diesem Jahr auf die von der Digitalmanufaktur entwickelte PWA-Lösung „Hubble“. Wir haben uns viele technische Lösungen angeschaut und uns letztlich hierfür entschieden. Besonders überzeugt hat dabei die ausgezeichnete Performance des neuen Systems – bei gleichzeitiger Stabilität – und ich kann Hubble guten Gewissens weiterempfehlen. Mit dem neuen Tech Stack ist uns mit sehr guter Betreuung durch die Digitalmanufaktur ein hervorragender Relaunch gelungen. Die neue Webseite dient nun als solide, performante und nutzerfreundliche Basis für weiteres Wachstum.