Unilever Food Solutions
B2B-E-Commerce
Webshop

Unilever Food Solutions Shopify Plus Migration: Ein Quantensprung im B2B-E-Commerce

Webshop besuchen

Projektübersicht

Unilever Food Solutions (UFS), die B2B-Sparte von Unilever hinter Marken wie Knorr und Hellmann’s, beliefert professionelle Küchen weltweit.

Um dieser Größenordnung gerecht zu werden, migrierte Especial den UFS B2B-Shop zu Shopify Plus und schuf eine leistungsstarke E-Commerce-Plattform mit Mehrsprachigkeits- und Multi-Region-Funktionen. Der neue Shop wandelt komplexe Lieferantenlogistik und lokalisierte Produktdaten in ein einfaches, intuitives Bestellerlebnis um – und hilft so vielbeschäftigten Küchenprofis, sich wieder dem zu widmen, was sie lieben.

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

Der strategische Ansatz:
Wie wir die Komplexität
eines globalen Unternehmens gemeistert haben

Beratung & Konzept:
Die Neuausrichtung im Handel

01

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

02

Entwicklung:
Unternehmensarchitektur

03

01

Beratung & Konzept: Der Commerce-Pivot

Wir fungierten als strategisches Bindeglied zwischen der globalen Vision von Unilever und den praktischen, lokalen Bedürfnissen der DACH-Teams.

In einer Reihe intensiver Workshops haben wir den Übergang von einer inhaltslastigen Homepage zu einem Commerce-First-Layout begleitet und die Strategie erfolgreich von rezeptbasierten Inhalten mit geringer Interaktion hin zu hochwertigen B2B-Funktionen wie „Schnellbestellung“ und „Wiederholungsbestellung“ verlagert.

Unsere Beratungsphase konzentrierte sich zudem stark auf das Stakeholder-Management, wobei wir uns in einem komplexen internationalen Umfeld bewegten und die Projektentwicklung auch bei Führungswechseln aufrechterhielten.

Durch eine umfassende Bestandsaufnahme der Inhalte und iteratives Wireframing stellten wir sicher, dass das finale Konzept nicht nur ein Design-Upgrade, sondern eine vollständige Optimierung der B2B-Customer-Journey darstellte.

Desktop-Model der UFS-Webshop-Homepage, das lebendige und geschmackvoll zubereitete Food-Fotografie zeigt

02

Design: Funktionales Premium für die professionelle Küche

Die Design-Umgestaltung konzentrierte sich darauf, die „Banner-Müdigkeit“ durch eine intuitive, kompakte Informationshierarchie zu ersetzen. Wir haben uns von der überladenen alten Navigation gelöst und eine optimierte „Webshop“-Struktur eingeführt, die die Produktfindung priorisiert.

Durch die Anpassung des maßgeschneiderten Shopify-Themes an den professionellen Foodservice-Sektor haben wir eine visuelle Sprache geschaffen, die hochwertig und gleichzeitig rein funktional wirkt. Dabei wurden kontrastreiche Elemente und eine klare Typografie verwendet, um die Lesbarkeit in den anspruchsvollen, lichtarmen Umgebungen professioneller Küchen zu verbessern.

03

Engineering: Architektur auf Unternehmensniveau

Die technische Basis für das Projekt sind die nativen B2B-Funktionen von Shopify, die im Rahmen einer individuellen Theme-Entwicklung ausgereizt werden. Mit Auth0 sorgt eine externe Authentifizierung für kontrollierten Zugriff auf kundenspezifische Inhalte, Preise und Funktionen - auch über den Shop hinaus.

Der Shop wurde direkt über die GraphQL API mit dem internen PIM und ERP System verbunden. Zudem stellt eine Middleware eine Verbindung zu externen Handelspartnern her. So können deren Verfügbarkeitsinformationen in den Kaufprozess einfließen und Warenkörbe an angebundene Partnershops übertragen werden.

Zusätzlich erweitern Shopify Checkout Functions den Checkout um projektspezifische Logik, während Custom Apps Funktionen wie Wunschlisten und ein B2B-Loyalty-Programm bereitstellen.

Das Ergebnis ist eine skalierbare B2B-Commerce-Lösung, die bestehende Systemlandschaften und partnerbasierte Fulfillment-Prozesse in einer nutzerfreundlichen Plattform zusammenführt. Unilever kann damit digitale Vertriebsprozesse effizienter steuern, neue Angebote schneller ausrollen und gleichzeitig eine flexible technische Basis für zukünftige Märkte, Sortimente und Geschäftsmodelle nutzen.

Desktop- und Mobilmodelle der UFS-Sammlungsseite. Darauf sehen wir die wichtigsten Navigationselemente, ein Markenbanner von Knorr, ein seitliches Filtermenü und ein Raster mit Produktkarten.

Spezielle Funktionslösungen

Die hochkonvertierenden B2B-Produktdetailseiten

01

Auf den Produktdetailseiten (PDP) führten wir einen Sticky CTA und eine persistente mobile Fußzeile ein, um sicherzustellen, dass Mengenauswahlen und der „In den Warenkorb“-Button jederzeit in Daumenreichweite bleiben.

Wir platzierten außerdem wichtige B2B-Daten – einschließlich Allergenen, Nährwerten und Zubereitungssymbolen – an prominenter visueller Stelle. Dies stellt sicher, dass sicherheitsbewusste Fachkräfte die benötigten Informationen sofort finden können, was Vertrauen schafft und die Wahrscheinlichkeit von Bestellfehlern während einer geschäftigen Schicht reduziert.

Jenseits von B2C: Wunschlisten neu gedacht als kollaborative Beschaffungstools

02

Wir implementierten eine ausgeklügelte B2B-Wunschlisten-App, die es Nutzern ermöglicht, mehrere Produktkollektionen für eine schnellere Nachbestellung zu erstellen.

Entscheidend ist, dass diese Kollektionen innerhalb eines Unternehmens oder Teams geteilt werden können, was eine nahtlose Zusammenarbeit ermöglicht und sicherstellt, dass standardisierte Zutatenlisten allen relevanten Teammitgliedern zugänglich sind.

Maßgeschneiderter Mehrlieferanten-Marktplatz-Checkout

03

Wir entwickelten einen Prozess, der Mehrlieferantenbestellungen unterstützt, indem er regionale Mindestbestellwerte und Versandbedingungen für jeden Partner automatisch berechnet und durchsetzt.

Dieses System gewährleistet eine nahtlose Datenübergabe an Fulfillment-Partner wie Transgourmet und verschleiert so effektiv die logistische Komplexität des Marktplatzes vor dem Endnutzer für ein einheitliches „One-Click“-Checkout-Erlebnis.

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

Integriertes Treueprogramm
& Kundenbindung

04

Ziel war es, das Treueprogramm von einem sekundären „Bonus“ zu einem primären Treiber der Einkaufsreise zu machen. Indem wir Prämien direkt in den Transaktionsfluss integrierten, wollten wir Köchen einen klaren Anreiz bieten, direkt über die Plattform einzukaufen und so Preisvergleiche mit Wettbewerbern effektiv zu reduzieren.

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

Sichere Identität & Leistungsoptimierung

05

Die Integration von Auth0 lieferte die sichere Identitätsmanagement-Schicht, die für ein globales Unternehmen erforderlich ist. Indem wir diese leistungsstarken Drittanbieter-Integrationen mit sauberem, optimiertem Frontend-Code ausbalancierten, lieferten wir eine Plattform, die nicht nur robust und sicher, sondern auch deutlich schneller als ihr Vorgänger ist. Das Ergebnis ist ein Hochleistungs-Ökosystem, das sowohl globale Sicherheitsstandards als auch lokale Benutzererwartungen an die Geschwindigkeit erfüllt.

Mobiles Mockup mit Benutzeranmeldebildschirm

Echtzeit-B2B
Logik im großen Maßstab

06

Unsere größte Hürde war die im UFS-Geschäftsmodell inhärente „Mittelsmann“-Logik. Da Preise und Verfügbarkeit von regionalen Handelspartnern und nicht direkt von UFS bestimmt werden, mussten wir ein System entwickeln, das das gesamte Einkaufserlebnis dynamisch an den spezifischen Standort des Benutzers und den ausgewählten Lieferanten anpasst.

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
Professionelle Küchen

07

Da über 60 % des Traffics von mobilen Geräten stammten, war die veraltete „Desktop-Verzögerung“ ein großes Hindernis für vielbeschäftigte Köche. Unser Ziel war es, eine „fettfingerfreundliche“ Oberfläche zu schaffen, die eine effiziente Zutatensuche und Bestellabwicklung in stressigen Küchenumgebungen ermöglicht.

Ergebnisse & Ausblick

Die Einführung der neuen UFS-Plattform verwandelte einen traditionellen Produktkatalog in ein leistungsstarkes Service-Ökosystem. Indem sie vielbeschäftigten Köchen und Küchenprofis einen 24/7-Self-Service und ein integriertes Treueprogramm ermöglicht, bietet die Plattform sowohl Vertriebsteams als auch Endnutzern einen sofortigen Mehrwert.

Dieses Framework dient nun als globaler Maßstab für den digitalen Handel. Phase 2 ist bereits angelaufen – dazu gehören die Einführung in den verbleibenden DACH-Ländern sowie kontinuierliche Verbesserungen in Bezug auf Funktionalität, Leistung und Benutzerfreundlichkeit. Wir freuen uns darauf, sicherzustellen, dass UFS weiterhin eine führende Rolle im wettbewerbsintensiven B2B-Markt spielt.

Kundenreferenz

„Ein echter Quantensprung! Er ist einfach zu bedienen, sehr schnell, sieht toll aus und, was am wichtigsten ist – er funktioniert einfach. Es freut mich besonders, dass Sie das lokale Team miteinbezogen und dessen Bedürfnisse wirklich verstanden haben. Dieser Shop ist jetzt ein klarer Vorteil für uns und unsere Kunden gegenüber der Konkurrenz.“

Claudio Grolimund
Geschäftsführer, UFS Schweiz

Weitere Arbeiten

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

Neugestaltung des Möbelhandels

Website
Shopify

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

App

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

Website
Shopify

Moderne Technik trifft auf moderne Kunst

Website
Shopify

Theme-Überarbeitung - Shopify Plus

Website
Shopify

Möchten Sie ein Projekt starten?

Wir freuen uns auf Ihre Nachricht.
Schicken Sie uns gerne eine E-Mail an hello@especial.digital
Sprich mit Malte
Mitbegründer von Especial.
Erstgespräch buchen
Mit dem Absenden dieses Formulars erklären Sie sich mit unserer
Datenschutzerklärung einverstanden.
Vielen Dank für Ihre Nachricht.
Wir melden uns in Kürze bei Ihnen!
Hoppla! Beim Absenden Ihres Formulars ist ein Problem aufgetreten.