Marktplatz-Modernisierung

Tech-Migration für den weltweit führenden Online-Marktplatz für Luxusuhren. Chrono24 verbindet Händler und Privatverkäufer mit Millionen von Uhrenliebhabern weltweit. Die Plattform wurde schrittweise von einem Legacy-Stack auf eine moderne Frontend-Architektur migriert — bei laufendem Betrieb, ohne Ausfallzeiten.

Chrono24 hatte sich über Jahre zu einer der weltweit größten Plattformen für Luxusuhren entwickelt. Der Erfolg brachte technische Schulden mit sich: Das Frontend basierte auf einem Java-Backend mit jQuery und server-seitig gerenderten Templates — ein Stack, der für die wachsenden Anforderungen an Interaktivität, Performance und Entwicklungsgeschwindigkeit zunehmend an seine Grenzen stieß.

Eine komplette Neuentwicklung kam nicht in Frage: Die Plattform hatte Millionen aktiver Nutzer, jede Minute wurden Transaktionen im fünf- bis sechsstelligen Bereich abgewickelt. Jede Migration musste im laufenden Betrieb erfolgen, ohne dass Nutzer eine Verschlechterung bemerken.

Die Herausforderung: Seite für Seite, Komponente für Komponente den Legacy-Stack ablösen — und dabei die bestehende Funktionalität vollständig zu erhalten.

Die Migration folgte einem inkrementellen Ansatz: Einzelne Seitenbereiche und Komponenten wurden schrittweise von jQuery auf Vue.js umgestellt. Neue Features wurden direkt in Vue.js entwickelt, bestehende Seiten wurden nach und nach migriert.

Architektur-Highlights

• Inkrementelle Migration: Schrittweise Ablösung von jQuery durch Vue.js-Komponenten — keine Big-Bang-Migration
• Vue.js + TypeScript: Moderne, typsichere Frontend-Architektur mit komponentenbasiertem Ansatz
• SCSS Design-System: Einheitliches Styling über die gesamte Plattform — neu und legacy
• Live-Migration: Alle Änderungen bei laufendem Betrieb mit Millionen aktiver Nutzer

Als Frontend Engineer habe ich über 1,5 Jahre in mehreren Scrum-Teams an der Migration gearbeitet. Mein Fokus lag auf der Entwicklung neuer Vue.js-Komponenten und der Migration bestehender jQuery-basierter Seitenbereiche.

Die Arbeit erforderte ein tiefes Verständnis sowohl des Legacy-Codes als auch der Zielarchitektur. Jede migrierte Komponente musste exakt das gleiche Verhalten zeigen wie ihr Vorgänger — jede Abweichung hätte Auswirkungen auf Transaktionen und Nutzererfahrung gehabt.

Neben der reinen Entwicklung war auch die Koordination innerhalb und zwischen den Scrum-Teams ein wichtiger Teil meiner Rolle. Bei einer Plattform dieser Größe arbeiten viele Teams parallel an verschiedenen Bereichen — Abstimmung und gemeinsame Conventions sind entscheidend für den Erfolg.

Der neue Stack wurde auf Entwicklungsgeschwindigkeit und Wartbarkeit optimiert, während die Integration mit dem bestehenden Java-Backend nahtlos funktionieren musste.