Projekte - Vereinfachung der B2B-Bestellung mit MyCCEP

Überblick

Unsere erste Interaktion mit Coca-Cola offenbarte die Herausforderungen und Möglichkeiten im MyCCEP-System. In einem zunehmend wettbewerbsorientierten B2B-Bestellbereich war der Bedarf an einer effizienten, zuverlässigen Plattform offensichtlich. Angesichts des umfangreichen Kundenstamms von Coca-Cola waren die Anforderungen hoch.

Die Lösung war eindeutig: eine komplette Neugestaltung. Angeführt von präzisen Figma-Designs, unterstützt durch das dynamische Vue.js-Framework im Frontend und die robusten Backend-Fähigkeiten von Salesforce. Die Migration von Vue 2 zu Vue 3 war ein Schlüsselelement dieser Transformation, indem die neuesten Funktionen und Optimierungen des Frameworks genutzt wurden. Einige veraltete Abhängigkeiten mussten neu entwickelt werden, um die Kompatibilität zu sichern und die Leistung zu steigern.

Umsetzung

Unser Weg zur Überarbeitung des MyCCEP-Portals begann mit einem umfassenden Frontend-Redesign, basierend auf detaillierten Figma-Designs. Dies führte zu einer Schnittstelle, die sowohl visuell ansprechend als auch funktional intuitiv ist. Die strategische Migration zu Vue 3 von Vue 2 war kein einfaches Versionsupdate, sondern eine tiefgreifende Neustrukturierung der Codebasis, um die fortgeschrittenen Funktionen von Vue 3 zu nutzen, was zu verbesserter Leistung und einem überlegenen Entwicklererlebnis führte.

Parallel dazu war die Backend-Integration mit Salesforce entscheidend. Wir entwickelten eine robuste Architektur, die eine nahtlose Synchronisation mit Salesforce ermöglichte, was Echtzeit-Datenkorrektheit für B2B-Bestellungen sicherstellte. Der Fokus lag auf dem Aufbau einer Backend-Infrastruktur, die ein hohes Volumen von B2B-Transaktionen effizient bewältigen konnte.

Die Implementierung der Figma-Designs in die Plattform erfolgte mit größter Präzision, um ein konsistentes und benutzerzentriertes Design in allen Komponenten zu gewährleisten. Unser Ziel war es, die Benutzererfahrung zu priorisieren und den Bestellprozess zu vereinfachen und zu beschleunigen.

Im Zuge unserer fortschrittlichen Entwicklungsstrategie erkannten wir, dass einige der bestehenden Abhängigkeiten nicht optimal zu unserem innovativen Konzept passten. Daher trafen wir die strategische Entscheidung, eigens konzipierte, leistungsoptimierte Abhängigkeiten zu entwickeln. Diese waren von Beginn an darauf ausgerichtet, sowohl den aktuellen als auch den zukünftigen Anforderungen gerecht zu werden. Mit diesem zukunftsorientierten Ansatz legten wir eine solide und anpassungsfähige Grundlage für unser System, um langfristige Effizienz und Skalierbarkeit sicherzustellen.

• Frontend-Entwicklung
• Salesforce Integration
• Figma Designs
• Migration zu Vue 3
• UI/UX