Ikone ins rechte Licht gesetzt

E-Commerce

Zusammenfassung

Migration und Relaunch von leica-camera.com: Entwicklung einer modernen, integrierten Plattform für Marken- und Produktkommunikation mit E-Commerce-Funktionen.

Projektbeschreibung

Leica Camera AG, gegründet 1869 in Deutschland, ist ein international tätiger Hersteller von Kameras und Sportoptik-Geräten im Premium-Segment. Unser Ziel für das gemeinsame Projekt mit Leica war eine vollständige Migration von einem Legacy-CMS mit tiefer Integration von PIM- und E-Commerce-Lösungen.

Die Anforderungen umfassten die Migration der bestehenden Daten unter Berücksichtigung von UX-Verbesserungen und einer Konsolidierung der verwendeten Komponenten. Dabei sollte sichergestellt werden, dass die Produktdaten aus dem PIM als “Single Source of Truth” genutzt werden.

2024 haben wir das neue Feature "Time-based visibility" eingeführt. Diese innovative Funktion ermöglicht es Content-Redakteuren, die Veröffentlichung bestimmter Elemente auf der Seite zu einem bestimmten Zeitpunkt in der Zukunft zu planen. Dadurch entfallen zeitaufwändige Umgebungswechsel bei Produkteinführungen, Kampagnen etc.

Aktuell arbeiten wir an der Implementierung eines neuen Designs, das im Oktober 2024 gelauncht wird.

Projektziele und -ergebnisse

Automatisierte Migration:
In einer ersten Discovery- und Digital-Engineering-Phase (vor der eigentlichen Entwicklung) wurde der vorhandene Content analysiert, um Möglichkeiten zur Konsolidierung zu identifizieren. In dieser Phase wurde auch das UX-Design der verfügbaren und genutzten Komponenten überarbeitet. Basierend auf diesem Mapping wurde eine automatisierte Migration mithilfe von Drupals Migrate Suite implementiert. Da einige Daten in der alten CMS-Struktur schwer zu erreichen und zusammenzustellen waren, wurde ein Scraper eingesetzt, um die korrekte Datenmigration sicherzustellen.

PIM als “Single Source of Truth” für Produktdaten:
Ein Hauptfokus der Leica Camera Corporate Website sind die Produkte. Um sicherzustellen, dass es nur eine “Quelle der Wahrheit” für Produktmetadaten gibt, war das Ziel, eine Verbindung zwischen dem CMS und dem PIM herzustellen. Aufgrund einiger Einschränkungen auf PIM-Seite wurde eine serverlose Middleware-Schicht eingeführt. Diese Middleware-Schicht nimmt die Daten aus dem PIM, konvertiert sie in die für das CMS notwendige Struktur und indiziert die Daten in einem Elasticsearch-Cluster. Das CMS bezieht die Daten aus dem Elasticsearch-Cluster, um die notwendigen Metadaten der Produkte (wie Firmware, SEO, Metadaten, Preisinformationen etc.) zu präsentieren.

Mehrsprachigkeit und Multimarket:
Die globale Website von Leica Camera ist eine mehrsprachige und Multimarkt-Lösung. Es gibt eine Sprachhierarchie, die eine Übertragung von Inhalten basierend auf der Sprache ermöglicht und gleichzeitig länderspezifische Anpassungen erlaubt.

Infrastructure as a Code:
Die gesamte Lösung wird auf AWS gehostet, wobei wo möglich serverlose Komponenten zum Einsatz kommen. Das CMS läuft auf AWS Fargate-Clustern, die sich automatisch an die Last anpassen und entsprechend hoch- oder herunterskalieren. Die Infrastruktur wird mithilfe von Terraform als Code bereitgestellt und gewartet.

Herausforderungen

Das Ziel des Projekts war es, leica-camera.com als eine hochmoderne Website für Marken- und Produktkommunikation mit integrierten E-Commerce-Funktionen sowie CRM-Anbindung neu zu launchen. Der MVP konzentrierte sich darauf, das Fundament für die kommenden Herausforderungen in einer offline und online vernetzten Welt zu schaffen. Das Hauptziel war es, ein qualitativ hochwertiges Projekt pünktlich zu liefern.

Gemeinsam mit dem Kunden haben wir fünf Hauptherausforderungen identifiziert:

1. Zeitrahmen
Der Zeitplan war eng. Wir hatten nur wenige Monate Zeit, um einen marktfähigen MVP zu konzipieren und zu liefern. Um erfolgreich zu sein, mussten wir schnell und pragmatisch handeln. Der Schlüssel zum Erfolg war ein erfahrenes, abgestimmtes und engagiertes Team sowie der Fokus auf den wichtigsten Features und ein exzellentes Stakeholder-Management in Bezug auf Anforderungen und Erwartungen.

2. Umgebungen & Architektur
Die Wahl des richtigen Architekturansatzes war ebenso wichtig. Einerseits benötigten wir eine schnelle Entscheidung für einen Hosting-Partner, um den Prozess zu beschleunigen und mit dem Setup zu beginnen. Andererseits mussten wir eine finale und zukunftssichere Architekturgrundlage entwickeln - je früher, desto besser.

3. Projektkomplexität
Um die Projektkomplexität, insbesondere während der Scoping-Phase, zu reduzieren, mussten wir einen Feature-Überschuss in der Zukunft verhindern. Dies erforderte einen scharfen Fokus und die richtigen Scoping-Tools (in diesem Fall Scoping nach KISS/YAGNI-Prinzipien).

4. Migration & Integrationen
Eines der Projektziele war es, die Landschaft von getrennten Silos zu einer integrierten Online-Plattform zu bewegen. Um eine reibungslose Migration zu ermöglichen, musste JAKALA (früher FFW) einen CMS-agnostischen Frontend-Crawler für automatisierte Migrationen entwickeln.

5. Stakeholder-Einbindung
Die aktive Einbindung der Stakeholder war ausschlaggebend für den Entscheidungsprozess in jeder Projektphase. Um dies zu gewährleisten, schlug JAKALA (früher FFW) einen agilen Ansatz mit vorführbaren Features vor. Zusätzlich wurde eine enge Verbindung zwischen den Hauptstakeholdern und dem Client Service Director auf der JAKALA-Seite etabliert.

Community-Beiträge

Keine

Warum sollte dieses Projekt die Splash Awards gewinnen?

Unser Projekt verdient den Splash Award aufgrund seiner innovativen Lösungen und seines großen Impacts. Wir haben einen nahtlosen Übergang vom Legacy-CMS mithilfe von Drupals Migrate Suite und einem maßgeschneiderten Scraper erreicht, wobei die Datenkonsistenz durch die Integration eines Produktinformationsmanagement-Systems mit Elasticsearch sichergestellt wurde. Die Website verfügt nun über eine einzigartige zeitbasierte Sichtbarkeitsfunktion für geplante Content-Veröffentlichungen, was die Workflow-Effizienz erheblich steigert. Zudem haben wir das Nutzererlebnis deutlich verbessert und die Seite modern und intuitiv gestaltet.

Global unterstützt die Website mehrere Sprachen und Märkte und bietet ein lokalisiertes, aber konsistentes Nutzererlebnis. Unsere skalierbare, serverlose Infrastruktur auf AWS, verwaltet mit Terraform, passt sich den Traffic-Anforderungen an und gewährleistet hohe Verfügbarkeit. Trotz eines engen Zeitplans haben wir pünktlich geliefert, indem wir einen agilen Ansatz verfolgten und die Stakeholder eng einbezogen haben.

Technisch gesehen verfügt das Projekt über eine robuste Architektur mit AWS Fargate und serverlosen Komponenten, die eine solide Grundlage für zukünftige Erweiterungen bilden. Die nahtlose Integration von E-Commerce- und CRM-Systemen verwandelt die Website in ein leistungsstarkes Tool für Markenkommunikation und Vertrieb. Wir haben unsere strategischen Ziele nicht nur erreicht, sondern übertroffen und positionieren Leica damit an der Spitze des digitalen Engagements.

Projekt-Video