Shopify Plus
/
Shopify Liquid
/
HTML 5 + CSS3
/
JavaScript
/
GSAP
Betriebseinrichtung.de - Shopify Migration, Design and Optimierung
Betriebseinrichtung.de ist ein führender Hersteller und Händler von Stahlmöbeln, Büromöbeln und Betriebseinrichtungen, der vor allem in Deutschland, Österreich und der Schweiz tätig ist. Der alte Online-Shop passte nicht mehr zu den Ansprüchen an Qualität, die das Unternehmen bei seinen Produkten anlegt. Deshalb machten wir uns in 2024 gemeinsam daran, den Shop mit Shopify Plus auf eine neue, moderne Basis zu stellen und auch das Einkaufserlebnis komplett neu zu gestalten.
Betriebseinrichtung.de (Ceha Deutschland GmbH)
UX Design
/
UI Design
/
Web Development
/
API Development
5 Monate
1 Projekt Manager
/
2 UX/UI
Designer
/
2 Frontend
Entwickler
/
2 Backend
Entwickler
Wir sahen erhebliche Möglichkeiten, die Onlinepräsenz von Betriebseinrichtung.de zu verbessern und damit die Kundenbindung zu stärken. Durch die Modernisierung des Shops konnten wir ein erhebliches Wachstum, insbesondere im Bereich der Angebotsanfragen, erzielen. Unsere Strategie konzentrierte sich darauf, die Benutzerfreundlichkeit durch eine verbesserte Navigation und Produktnavigation zu erhöhen, die Alleinstellungsmerkmale des Unternehmens herauszustellen und die Website sowohl für die Benutzer als auch für Suchmaschinen zu optimieren.
Die Umstellung auf Shopify Plus mit einem klaren, modernen Design und einem intuitiven Add-to-cart User Flow war entscheidend für ein nahtloses Einkaufserlebnis. Unser Ziel war es, eine skalierbare Lösung für Großbestellungen, Variantenauswahl und -anpassung sowie eine robuste B2B-Kontoverwaltung zu implementieren, um schlussendlich die Conversionrate zu verbessern.
In enger Zusammenarbeit mit unserem Ansprechpartner entwickelten wir eine schlanke, benutzerorientierte Lösung mit Shopify, die die wichtigsten Herausforderungen des Unternehmens angeht und die Stärken der Marke unterstreicht. Wir führten eine gründliche Wettbewerbsanalyse durch, implementierten eine optimierte Informationsarchitektur und entwarfen durchdachte Benutzerabläufe, um die Customer Journey zu optimieren und gleichzeitig die Konsistenz mit der etablierten visuellen Identität von Betriebseinrichtung.de zu wahren. Die neue Website bietet folglich wesentliche Verbesserungen in Design und Funktionalität.
Die Redewendung "Jede Herausforderung ist eine Chance" kennen Sie vermutlich. Wir bevorzugen die Sichtweise des Designers: "Jede Herausforderung führt zu einer coolne Feature-Idee." Gemeinsam mit den Vertretern von Betriebseinrichtung.de haben wir eine Reihe von Möglichkeiten für neue Features identifiziert.
Die alte Website litt unter veralteter Technik, einer schlechten Navigation und langsamen Ladezeiten, was zu einer frustrierenden Benutzererfahrung führte. Um dem entgegenzuwirken, migrierten wir erfolgreich den bestehenden Katalog, implementierten ein modernes und intuitives Design und verbesserten die Leistung der Website - mit dem Ergebnis, dass das Surfen und Kaufen effizienter und attraktiver wurde.
Das Fehlen einer dynamischen Preisgestaltung, von Funktionen für Großbestellungen und einer klaren Inhaltshierarchie führte zu Reibungsverlusten für B2B-Kunden und hielt sie von größeren Einkäufen ab. Wir verfeinerten den Checkout-Prozess und implementierten die B2B-Funktionen von Shopify, um das Einkaufen sowohl für Privat- als auch für Unternehmenskunden kinderleicht zu machen.
Hohe Marketingkosten aufgrund teurer CPC (Klickkosten) und die schlechte Conversion Rate zehrten in der Vergangenheit am Marketingbudget des Kunden. Um sicherzustellen, dass die Kunden auch die Produkte finden, die sie suchen, kombinierten wir ein intuitives Navigationsmenü mit durchdachten Filtern und einer erweiterten schematischen Suche, die es den Nutzern ermöglicht, den umfassenden Katalog mit über 2000 Produkten sicher zu erkunden. Durch diese Verbesserungen erwarten wir einen Rückgang der Absprungraten und einen Anstieg der Conversion Rate, was zu einem höheren ROI der Werbekampagnen und langfristigen Kosteneinsparungen führen wird.
Um den E-Commerce-Shop von Betriebseinrichtung-Sofort umzugestalten, folgten wir einem kollaborativen Prozess, der auf agilen Prinzipien aufbaut. Wir unterteilten das Projekt in drei Hauptphasen: Beratung + Konzept, UX/UI-Design und Coding. Jede Phase wurde in Sprints ausgeführt, wobei der Schwerpunkt auf dem Verständnis der einzigartigen Bedürfnisse der Marke, der Behebung von Nutzerproblemen und der Bereitstellung einer nachhaltigen Shopify-Lösung lag.
Im ersten Schritt verwandeln wir Herausforderungen in Chancen und Chancen in Features. Wir arbeiteten eng mit den Beteiligten zusammen, um die Geschäftsziele und die Bedürfnisse der Nutzer genau zu verstehen. Im Anschluss daran definierten wir einen klaren Projektumfang und legten einen robusten Rahmen für die nachfolgenden Design- und Entwicklungsphasen fest.
In der Designphase lag unser Schwerpunkt auf der Schaffung eines schlanken und intuitiven digitalen Einkaufserlebnisses, das mit der bestehenden visuellen Identität von Betriebseinrichtung.de übereinstimmt und diese verbessert. Wir wollten, dass es gut aussieht und sich noch besser anfühlt.
Zu diesem Zweck sorgten wir für Konsistenz und Zugänglichkeit über alle Geräte und Bildschirmgrößen hinweg, um den verschiedenen Benutzerkontexten gerecht zu werden. Die Homepage verfügt über einen ansprechenden und interaktiven „Shop the Look“-Bereich. Wir haben den Blog überarbeitet, um sowohl werbliche als auch lehrreiche Beiträge ausliefern zu können, die Markenbekanntheit zu stärken und SEO-Verbesserungen zu erzielen. Die Produktdetailseiten enthalten leicht verdauliche Inhalte in einer logischen Struktur sowie Cross-Selling- und Upselling-Elemente. Wir verbesserten auch das Layout und die Hierarchie der Warenkorbseite und optimierten so den Kaufprozess.
Unser iterativer Designprozess wurde durch die gemeinsame Nutzung von Figma effizienter gestaltet, was eine direkte Kommunikation mit dem Kunden ermöglichte. Ein benutzerdefiniertes und umfassendes Designsystem ermöglichte konsistente und skalierbare Designverbesserungen und sorgte gleichzeitig für eine reibungslose Übergabe an die Entwickler.
In der Coding-Phase stand die Umsetzung auf Shopify Plus ganz im Zeichen von Flexibilität und Performance. Für das Frontend entwickelten wir ein maßgeschneidertes Theme auf Basis von Shopify Liquid, HTML, CSS und JavaScript. Dank der Einbindung von GSAP konnten wir zudem dynamische Animationen schaffen, die das Nutzererlebnis auf ein neues Level heben. Das Frontend wurde zweisprachig (Deutsch und Englisch) aufgebaut, um auch eine internationale Zielgruppe optimal anzusprechen.
Um dem Team von Betriebseinrichtung.de größtmögliche Selbstständigkeit zu ermöglichen, stellten wir dutzende flexibel anpassbare Sections in den Shopify Customizer bereit. So lassen sich neue Landing Pages oder spezielle Kampagnen mit wenigen Klicks erstellen – ganz ohne Programmieraufwand.
Für die reibungslose Verbindung mit dem bestehenden ERP-System entwickelten wir eine maßgeschneiderte Shopify App. Dieser Connector, umgesetzt in Node.js mit Serverless Functions, synchronisiert mehrmals täglich alle Bestell- und Kundendaten zwischen Shopify und den anderen Systemen. Das Hosting erfolgt auf Vercel in der Cloud, was eine skalierbare und sichere Infrastruktur gewährleistet. So konnte Betriebseinrichtung.de sein Geschäft in einem zukunftssicheren Shop-Ökosystem neu aufstellen.
Shopify Plus
/
Shopify Liquid
/
HTML 5 + CSS3
/
JavaScript
/
GSAP
GraphQL
/
Node.js
/
Vercel
/
GraphCMS
/
Serverless Functions
Dank unserer strategischen Beratung, dem wirkungsvollen Design und der effizienten Entwicklungsarbeit konnten wir ein verbessertes Einkaufserlebnis schaffen, das die Markentreue stärkt und für Mehrumsätze sorgt. Wir freuen uns darauf, im Rahmen unserer fortlaufenden Partnerschaft weitere Funktionen wie z.B. eine umfangreiche Produktvergleichsfunktionen zu implementieren. In der Zwischenzeit können Sie sich selbst ein Bild davon machen, wie wir die Bedürfnisse der Nutzer und die Unternehmensziele in Einklang gebracht haben, indem Sie die neue Website des Unternehmens besuchen.
- Dennis Rossiar, Marketingleiter