PepsiCo Online-Katalog

UXUIDesignEcommerceSupport

products.pepsico.ua/

PepsiCo Ukraine ist die Landesgesellschaft eines der weltweit größten Lebensmittel- und Getränkekonzerne und verwaltet in der Ukraine ein Portfolio von 18 Marken: von Pepsi, 7Up und Mirinda bis Sandora, Lay's, Cheetos, Agusha und Slowjanochka. Dutzende Kategorien, Hunderte SKUs, Tausende Handelspartner landesweit. Distributoren, Handelsketten und HoReCa-Betreiber benötigen Zugang zu aktuellen Produktinformationen: Verpackungsfotos, GTIN-Codes, Spezifikationen und Markenlogos in verschiedenen Formaten. Bisher wurden diese Anfragen manuell über Manager bearbeitet. PepsiCo brauchte eine einheitliche digitale Plattform, auf der jeder Partner eigenständig das richtige Produkt findet, Materialien herunterlädt und eine Auswahl zusammenstellt - während ein Manager den gesamten Katalog mit einem einzigen Datei-Upload aktualisiert.

Aufgabe

Einen Yii2-basierten E-Commerce-Produktkatalog für PepsiCo Ukraine mit Volltextsuche, mehrstufiger Filterung und herunterladbaren Produktmaterialien in verschiedenen Formaten entwickeln. Ein Megamenü mit Kategoriehierarchie, Produktkarten mit GTIN-Codes und Gebindegrößen-Badges, Detailseiten mit Bildergalerie und Spezifikations-Akkordeons, ein Favoritensystem mit Sammeldownload, ein Marken-Logobuch mit Vektor- und Raster-Downloadoptionen sowie ein Karussell zuletzt angesehener Produkte umsetzen. Ein Admin-Panel mit XLS-Import und -Export für die großvolumige Katalogsynchronisation mit dem Buchhaltungssystem aufbauen. Zweisprachige Oberfläche (UA/EN), responsive Layouts und Google Analytics-Integration sicherstellen.

Was wurde gemacht

Yii2-Backend mit einer Architektur entwickelt, die auf einen Katalog mit Hunderten SKUs, 18 Marken und einem Dutzend Produktkategorien ausgelegt ist und ohne Strukturänderungen skaliert werden kann.
Megamenü mit sechs Hauptbereichen (Getränke, Säfte, Snacks, Milchprodukte, Babynahrung, Logos) und verschachtelten Unterkategorien mit Dropdown-Navigation realisiert: Getränke öffnen sich zu Kohlensäurehaltige Getränke, Eistee, Mineralwasser und Saft.
Katalog-Startseite mit einem 3×3-Kategorieraster aufgebaut: jede Kategorie mit Vollfarb-Produktfoto, Bezeichnung auf blauem Balken und Navigationsbutton für sofortigen Portfolioüberblick.
Sektion «Marken» mit einem 6×3-Raster aller 18 Portfolio-Markenlogos (Pepsi, Mirinda, 7Up, Evervess, Lipton, Aqua Minerale, Karpatska Dzherelna, Sandora, Sandora Frutz, Sadochok, Lay's, KhrusTeam, Cheetos, Agusha, Slowjanochka) erstellt, die bei Klick zur vorgefilterten Katalogansicht verlinken.
Kategorieseite mit Seitenleisten-Filterpanel umgesetzt: Mehrfachauswahl-Checkboxen für Unterkategorien, Dropdown-Filter nach Marke und Gewicht/Volumen, Raster/Listen-Ansichtsumschalter und «Alle auswählen»-Checkbox für Massenoperationen.
Produktkarte mit sechs Informationsebenen gestaltet: Verpackungsfoto, Gebindegrößen-Badge (×4, ×6, ×12), Markenname, Produktbezeichnung mit Spezifikationen (Volumen, Behältertyp), GTIN-Barcode sowie Buttons zum Hinzufügen zu Favoriten und individuellem Material-Download.
Produkt-Detailseite mit Karussell-Galerie und Miniaturansichten, Produkttitel, «Informationen herunterladen»-Button, GTIN-Code und «Eigenschaften»-Akkordeon mit Parametertabelle (GTIN, Bezeichnung, Marke, Volumen, Verpackungstyp) aufgebaut.
Voll funktionsfähiges Favoritensystem (Wishlist) mit Zähler im Header, eigener «Favoriten»-Seite mit denselben Anzeigemodi und Filtern, Mehrfachauswahl und Sammeldownload-Button erstellt, der ausgewählte Produktmaterialien in ein einzelnes Archiv verpackt.
Bereich «Logos» als vollständiges Marken-Logobuch entwickelt: Raster mit Logos in mehreren Versionen (Farbe, Monochrom, Invertiert) und kontextuellem Dropdown-Menü zum Download in «Alle Formate», «Vektorbild» (SVG/AI) oder «Rasterbild» (PNG/JPG).
Karussell «Zuletzt angesehene Produkte» mit horizontalem Scrolling und Pfeilnavigation aufgebaut, das auf Kategorie- und Favoritenseiten für schnellen Zugriff auf zuvor betrachtete Artikel angezeigt wird.
Volltextsuche mit Autovervollständigung über den gesamten Katalog implementiert: nach Produktname, Marke und GTIN-Code mit sofortiger Ergebnisanzeige.
Admin-Panel mit großvolumigem XLS-Import aufgebaut: der Parser verarbeitet Tausende Zeilen mit Bezeichnungen, Spezifikationen, GTIN-Codes und Kategorie-/Markenzuordnungen und aktualisiert den Katalog ohne manuelle Eingabe. Rückexport aktueller Website-Daten in XLS für die Synchronisation mit dem Buchhaltungssystem des Managers realisiert.
Google Analytics mit benutzerdefiniertem Event-Tracking angebunden: Kategorieaufrufe, Produktklicks, Favoritenhinzufügungen sowie Material- und Logo-Downloads zur Analyse des Partnerverhaltens im Katalog.
Zweisprachige Oberfläche (UA/EN) mit Umschalter im Header für inländische und internationale Partner bereitgestellt.
Responsive Layouts mit dedizierter Mobilversion umgesetzt: zweispaltiges Kategorieraster, Burger-Menü mit vollständiger Navigation, optimierte Produktkarten und Swipe-Galerie auf Detailseiten.

Ergebnis

Mit der Digitalagentur Adcore ersetzte PepsiCo Ukraine die manuelle Bearbeitung von Partneranfragen durch eine einheitliche Self-Service-Katalogplattform. Ein Distributor findet die richtige SKU in Sekunden über Filter oder GTIN-Suche, lädt Verpackungsfotos und Spezifikationen herunter, stellt eine Auswahl in den Favoriten zusammen und exportiert die Materialien als einzelnes Archiv. Das Logobuch bietet sofortigen Zugriff auf alle 18 Markenlogos in jedem Format. Ein PepsiCo-Manager aktualisiert den gesamten Katalog mit einem einzigen XLS-Upload - und die Änderungen sind sofort online.

PepsiCo Online-Katalog

Ähnliche Projekte