Unilever Food Solutions • B2B E-Commerce • Shopify Enterprise

Shopify Plus Migration für Enterprise B2B Foodservice Commerce

Webshop besuchen
Open laptop showing Unilever Food solutions online store created on Shopify with product recommendations for food items and prices.

Projektübersicht

Unilever Food Solutions ist die B2B-Foodservice-Sparte von Unilever und beliefert professionelle Küchen mit Marken wie Knorr, Hellmann’s und Carte D’Or. Für den Schweizer Markt sollte eine Commerce-Plattform entstehen, die nicht nur Produkte verkauft, sondern die Realität im B2B-Geschäft abbildet: regionale Lieferanten, kundenspezifische Verfügbarkeiten, Produktdaten, Loyalty, Authentifizierung und eine Bestellstrecke, die für Küchenprofis im Arbeitsalltag funktioniert.

Especial migrierte den B2B-Shop von UFS auf Shopify Plus und entwickelte eine skalierbare Commerce-Plattform, die Shopify mit bestehenden PIM- und ERP-Systemen, externer Lieferantenlogik, Auth0 und individuellen B2B-Funktionen verbindet. Das Ergebnis ist ein schnellerer, besser nutzbarer und langfristig wartbarer Shop, der komplexe Enterprise-Commerce-Prozesse in eine deutlich einfachere Bestellerfahrung für Köche, Restaurants und professionelle Küchenteams übersetzt.

Kunde
Unilever Food Solutions
Dienstleistungen
Beratung
UX-Design
UI-Design
Shopify Theme-Entwicklung
Shopify App-Entwicklung
API-Entwicklung
Projektdauer
1 Jahr
Das Team
1 Projektmanager
1 Datenmigrationsspezialist
2 UX/UI Designer
2 Frontend-Entwickler
2 Backend-Entwickler

+

1

2

2

3

4

5

6

7

8

9

0

1

2

1

1

2

3

4

5

6

7

8

9

1

1

2

%

Umsatzsprung
Surge

Im Vergleich zum Vorjahr

+

0

1

2

3

4

5

6

7

8

9

0

1

1

5

1

2

3

4

5

6

7

8

9

5

1

5

%

Gesamtzahl der B2B-Bestellungen
B2B Orders

Im Vergleich zum Vorjahr

+

5

1

2

3

4

5

6

7

8

9

4

1

5

%

Durchschnittlicher Bestellwert
Order Value

Im Vergleich zum Vorjahr

Laptop screen showing Unilever Food Solutions Shopify webshop product page with product cards.

Der strategische Ansatz:
Wie aus komplexen B2B-Anforderungen
eine praktische Shopify Plus Plattform wurde

Beratung & Konzept:
Die Neuausrichtung im Handel

01

Design:
Funktionale Premium-Qualität für
die Profiküche

02

Entwicklung:
Unternehmensarchitektur

03

Beratung & Konzept: Der Commerce-Pivot

Wir agierten als strategische Schnittstelle zwischen der globalen Ausrichtung von Unilever und den praktischen Anforderungen der lokalen DACH-Teams. In Workshops und Konzeptphasen halfen wir dabei, den Fokus von einer contentlastigen Website hin zu einer B2B-Commerce-Plattform zu verschieben, bei der Bestellung, Wiederbestellung, Produktsuche und Self-Service im Mittelpunkt stehen.

Wichtig war dabei die Frage, welche Funktionen im neuen Shop wirklich zentral sein sollten. Statt Rezeptcontent zur Hauptachse der Plattform zu machen, wurde der Shop auf kaufrelevante B2B-Funktionen ausgerichtet: schnelle Bestellung, wiederkehrende Einkäufe, Produktinformationen, Loyalty und lieferantenspezifische Bestellprozesse. Dadurch wurde die Plattform für professionelle Kunden relevanter und gleichzeitig für die UFS-Vertriebsteams besser nutzbar.

Auch das Stakeholder-Management war ein wesentlicher Teil des Projekts. Konzernstrukturen, marktbezogene Anforderungen, Veränderungen in der Führung und operative Abhängigkeiten mussten zusammengeführt werden, ohne das Projekt auszubremsen. Damit die Umsetzung nah an den späteren Nutzern blieb, gab es während der Entwicklung eine Super User Group aus dem Vertrieb. Diese Gruppe prüfte Designs, gab frühes Feedback und testete wichtige Flows bereits vor dem Launch.

Mobile screen showing Unilever Food Solutions app with loyalty points, product search, and reorder options.
Tablet screen displaying Swiss Unilever Food Solutions webshop for professional chefs with food dish image.

02
Design: hochwertig, funktional und gemacht für professionelle Küchen

Im Design ging es darum, eine überladene, contentlastige Nutzererfahrung durch ein klareres Commerce Interface zu ersetzen. Professionelle Küchen nutzen einen B2B-Shop anders als Endkunden einen Lifestyle-Shop. Sie wollen Produkte schnell finden, Verfügbarkeiten prüfen, Allergene oder Nährwerte nachschlagen und Bestellungen oft zwischen operativen Aufgaben erledigen.

Wir entwickelten ein individuelles Shopify Theme mit kompakter Informationsarchitektur, klarerer Navigation und Produktseiten, auf denen wichtige Informationen schneller erfassbar sind. Das Interface arbeitet mit klaren Kontrasten, gut lesbarer Typografie und mobilen Interaktionsmustern, die reale Nutzungssituationen unterstützen, etwa schnelle Produktsuchen oder Nachbestellungen direkt am Smartphone.

Das Ziel war nicht, den Shop dekorativer wirken zu lassen. Der Shop sollte verlässlich, hochwertig und praktisch sein, damit Küchenprofis mit möglichst wenig Ablenkung von der Produktsuche zur Bestellung kommen.

Unilever Food Solutions Webshop Tablet on wooden table displaying Hellmann's Original Mustard product page with price and details.
Unilever Food Solutions Webshop Mobile screen showing Knorr Professional curry paste jar and add to cart button with loyalty points.

03
Engineering:
Architektur auf Unternehmensniveau

Die technische Grundlage basiert auf Shopify Plus und nativen Shopify B2B-Funktionen, erweitert durch individuelles Theme Development, Shopify Functions, Custom Apps und Integrationen in die bestehende UFS-Systemlandschaft. Shopify bildet den Commerce-Kern, während zusätzliche Services Authentifizierung, Produktdaten, Lieferantenlogik und projektspezifische Business Rules abbilden.

Auth0 stellt die Identity-Schicht für kontrollierten Zugriff auf kundenspezifische Inhalte, Preise und Funktionen bereit. Der Shop ist über GraphQL-basierte Integrationen mit internen PIM- und ERP-Systemen verbunden. Zusätzlich verbindet Middleware externe Handelspartner mit der Plattform und macht deren Verfügbarkeits- und Fulfillment-Informationen innerhalb des Kaufprozesses nutzbar.

Diese Architektur ermöglicht es UFS, ein lieferantenabhängiges B2B-Commerce-Modell abzubilden, ohne diese operative Komplexität an den Kunden weiterzugeben. Verfügbarkeiten, Lieferantenauswahl, Mindestbestellwerte, Warenkorb-Logik und Partner-Handoffs werden im Hintergrund verarbeitet, während der Storefront auf eine einfache und zuverlässige Bestellerfahrung ausgerichtet bleibt.

Front-end
Shopify Plus
Shopify Liquid
HTML 5 + CSS3
JavaScript
GSAP
Auth0
Back-end
GraphQL
Node.js
unilever food solutions webshop Mobile screen showing Knorr Professional plant-based cooking cream 1L priced at CHF 50.40 for 12 units.
Laptop displaying Unilever Food Solutions website with Knorr Professional section highlighted.

Individuelle Shopify Plus Features für Enterprise B2B Commerce

Produktdetailseiten für B2B-Kaufentscheidungen

01

Die Produktdetailseite wurde zu einem der wichtigsten Elemente der neuen B2B Experience. Wir integrierten einen Sticky Call to Action und eine permanente Mobile Footer Bar, damit Mengenauswahl und Add-to-Cart Aktionen jederzeit einfach erreichbar bleiben, besonders auf mobilen Geräten.

Gleichzeitig rückten wir wichtige B2B-Produktdaten stärker in den Vordergrund. Allergene, Nährwerte, Zubereitungssymbole und Produktdetails sind für professionelle Küchen keine Zusatzinformationen, sondern kaufentscheidend. Sie beeinflussen Sicherheit, Planung und Bestellgenauigkeit. Durch die bessere Darstellung dieser Informationen können Nutzer schneller entscheiden und Fehler im hektischen Küchenalltag vermeiden.

Wunschlisten als praktisches B2B-Beschaffungstool

02

Für UFS sind Wunschlisten mehr als ein klassisches Komfortfeature. Im B2B-Kontext unterstützen sie wiederkehrende Bestellungen, standardisierte Produktlisten und die Abstimmung innerhalb von Teams.

Wir entwickelten eine individuelle B2B-Wishlist-App, mit der Nutzer mehrere Produktsammlungen für schnellere Nachbestellungen anlegen können. Diese Listen können innerhalb eines Unternehmens oder Teams geteilt werden, sodass verschiedene Nutzer auf derselben Einkaufsstruktur arbeiten. Aus einem bekannten E-Commerce-Muster wird so ein praktisches Beschaffungstool für professionelle Küchen.

Multi-Supplier Checkout für regionale Lieferlogik

03

Eine der zentralen Herausforderungen war die Lieferantenlogik hinter dem UFS-Geschäftsmodell. Preise, Verfügbarkeiten und Fulfillment hängen nicht nur von UFS ab, sondern auch von regionalen Handelspartnern. Der Shop muss daher auf den Standort des Kunden und den gewählten Lieferanten reagieren können.

Wir entwickelten einen Warenkorb- und Checkout-Flow, der Multi-Supplier-Bestellungen unterstützt, regionale Mindestbestellwerte berechnet und durchsetzt sowie lieferantenspezifische Versandbedingungen berücksichtigt. Zusätzlich unterstützt das System den Daten-Handoff an Fulfillment-Partner wie Transgourmet. Für den Kunden entsteht ein einheitlicher Bestellprozess, während die Komplexität der Lieferantenstruktur im Hintergrund verarbeitet wird.

Mobiles Mockup, das den Shopify-Checkout darstellt, und ein Desktop-Modell, das die maßgeschneiderte Warenkorbseite des UFS-Webshops detailliert beschreibt

Loyalty direkt im Kaufprozess

04

Das Loyalty-Programm wurde näher an die transaktionale Journey gebracht, damit es nicht als separater Vorteil irgendwo auf der Plattform versteckt ist, sondern Teil der tatsächlichen Bestellerfahrung wird.

Durch die Integration in den Commerce Flow erhalten Kunden einen klareren Grund, direkt über die Plattform zu bestellen. Für UFS entsteht dadurch ein stärkerer Mechanismus zur Kundenbindung. Gleichzeitig reduziert sich die reine Vergleichbarkeit über den Produktpreis, weil der Wert der Bestellung nicht mehr nur vom Preis des einzelnen Produkts abhängt.

Das Desktop-Modell der UFS-Prämienplattform zeigt einen Fortschrittsbalken mit Treuepunkten an

Sichere Authentifizierung und bessere Performance

05

Auth0 bildet die sichere Authentifizierungsschicht, die für ein Enterprise-Setup mit kundenspezifischem Zugriff, Preisen und Inhalten erforderlich ist. Diese Identity-Lösung musste zuverlässig mit Shopify Plus, dem B2B-Storefront und der weiteren UFS-Systemlandschaft zusammenspielen.

Gleichzeitig musste die Plattform trotz zahlreicher Integrationen und Business Rules schnell bleiben. Wir kombinierten Third-Party-Services, Custom-App-Logik und Frontend-Optimierung so, dass ein sicherer, stabiler und deutlich schnellerer Shop entstand.

Mobiles Mockup mit Benutzeranmeldebildschirm

B2B-Logik in Echtzeit und im großen Maßstab

06

Der schwierigste Teil des Projekts war nicht, Produkte in Shopify darzustellen. Die eigentliche Komplexität lag in der Middleman-Logik des UFS-Modells, bei dem regionale Lieferanten Einfluss auf Verfügbarkeit, Bestellregeln und Fulfillment haben.

Wir bauten die Shop Experience so auf, dass sie sich an den gewählten Lieferanten und den Standort des Nutzers anpassen kann. Das beeinflusst, welche Produkte kaufbar sind, welche Bedingungen gelten und wie die Bestellung durch die angeschlossenen Systeme weitergegeben wird. Der Kunde sieht einen einfachen Bestellprozess, während Shopify, Middleware und Integrationen die Logik im Hintergrund zuverlässig abbilden.

Mobiles Modell einer Homepage, auf der der Benutzer aufgefordert wird, den Anbieter seiner Wahl auszuwählen. Darunter ein Raster mit UFS-Markenlogos, darunter die von Knorr und Hellmann.

Mobile-first für den Küchenalltag

07

Mehr als 60% des Traffics kam von mobilen Geräten, weshalb mobile Performance und Usability von Anfang an eine zentrale Rolle spielten. Für Küchenprofis muss mobile Bestellung schnell, klar und belastbar funktionieren, oft in Situationen, in denen keine Zeit für komplexe Navigation oder langsame Seiten bleibt.

Wir optimierten das Interface für schnelle Produktsuchen, Wiederbestellungen und praktische, daumenfreundliche Interaktionen. Das Ergebnis ist eine mobile Experience, die echte B2B-Nutzung unterstützt und nicht nur eine kleinere Version des Desktop-Shops ist.

Impact & Ergebnisse

Die neue UFS-Plattform entwickelte den Shop von einem klassischen Produktkatalog zu einem skalierbaren B2B-Commerce-System weiter. Shopify Plus bildet heute die Commerce-Grundlage, während Custom Apps, Auth0, PIM- und ERP-Integrationen, Lieferantenlogik und Loyalty-Funktionen die spezifischen Anforderungen im Enterprise Foodservice Commerce abbilden.

Der Effekt wurde nach dem Launch deutlich sichtbar. Im Vergleich zum Vorjahr erzielte die neue Plattform 41% mehr Umsatz, 15% mehr B2B-Bestellungen und einen 4% höheren durchschnittlichen Warenkorbwert. Diese Entwicklung entstand nicht durch eine einzelne Maßnahme, sondern durch das Zusammenspiel aus besserer Usability, höherer Performance, klarerer Produktsuche, stärkeren B2B-Funktionen und einer technischen Architektur, die zur operativen Realität des Geschäfts passt.

Gleichzeitig entstand eine Grundlage für weitere Rollouts und kontinuierliche Optimierung in der DACH-Region. Das Projekt löste nicht nur den ersten Launch, sondern gab UFS ein flexibles Commerce Setup, das zukünftige Märkte, Sortimente, Lieferantenmodelle und Business-Anforderungen besser unterstützen kann.

+

1

2

2

3

4

5

6

7

8

9

0

1

2

1

1

2

3

4

5

6

7

8

9

1

1

2

%

Umsatzsprung

Im Vergleich zum Vorjahr

+

0

1

2

3

4

5

6

7

8

9

0

1

1

5

1

2

3

4

5

6

7

8

9

5

1

5

%

Gesamtzahl der B2B-Bestellungen

Im Vergleich zum Vorjahr

+

5

1

2

3

4

5

6

7

8

9

4

1

5

%

Durchschnittlicher Bestellwert

Im Vergleich zum Vorjahr

Kundenreferenz

"Der Wechsel zu Shopify Plus war für uns ein wichtiger Schritt. Das Projekt war komplex – technologisch, aber vor allem auch organisatorisch. Viele Stakeholder, Corporate-Strukturen und gewachsene Anforderungen mussten zusammengeführt werden. Especial hat dabei nicht nur durch Geschwindigkeit und Pragmatismus überzeugt, sondern vor allem durch die Fähigkeit, dieses Umfeld souverän zu navigieren, mitzudenken und Lösungen aktiv voranzutreiben. Genau so wünsche ich mir einen Projektpartner."

Tim Kahle
Webshop- & E-Commerce-Spezialist, Unilever Germany GmbH

"Der neue Shop ist ein echter Quantensprung! Der Shop ist einfach zu bedienen, sehr schnell, sieht gut aus und am wichtigsten: Es funktioniert einfach. Mich freut besonders, wie ihr das lokale Team involviert und mit ihm zusammengearbeitet habt. Ihr habt die Anliegen ernst genommen und gut verstanden, was die Bedürfnisse sind. Dieser Shop ist jetzt ein toller Mehrwert für uns gegenüber den Konkurrenten."

Claudio Grolimund
Claudio Grolimund, Geschäftsführer Food Solutions, Unilever Schweiz GmbH

Weitere Arbeiten

Wir kombinieren Strategie, Design und Technologie, um leistungsstarke digitale Lösungen zu entwickeln, die messbare, nachhaltige Wirkung erzielen.

BES: B2B Commerce auf Shopify für den Einrichtungsfachhandel

Website • SHOPIFY

GDCh: Wie wir eine App für +30.000 Chemiker entwickelt haben

APP

Pieroth: Optimierter Online-Shop für einen wegweisenden Weinhändler

Website • SHOPIFY

PGM: Moderne Technik trifft auf moderne Kunst

Website • SHOPIFY

Vetevo: Theme-Überarbeitung - Shopify Plus

Website • SHOPIFY
Nehmen Sie Kontakt auf

Planen Sie eine Shopify Plus Migration oder ein komplexes Commerce-Projekt?

Sprechen Sie mit Malte über Ihr aktuelles Setup, Migrationsrisiken und den schnellsten Weg zu einer skalierbaren Shopify Plus Plattform.

Wenn Sie möchten, können Sie uns auch eine E-Mail senden an hello@especial.digital
Sprechen Sie mit Malte
Mitgründer von Especial.
Termin vereinbaren
Mit dem Absenden dieses Formulars stimmen Sie unserer
Datenschutzerklärung.
Vielen Dank für Ihre Nachricht.
Wir melden uns in Kürze bei Ihnen!
Ups! Beim Absenden Ihres Formulars ist ein Fehler aufgetreten.