MyMillion Snaps

WooCommerce-Design 1:1 in ein flexibles Shopify-Theme überführt — mit vollständiger Dokumentation und Entwickler-Übergabe

2025

Jahr

3 Weeks

Dauer

Theme Dev

Kategorie

Shopify Liquid, Shopify Theme Editor, Wordpress / WooCommerce

Tech Stack

Ausgangslage

MyMillion Snaps betrieb seinen Shop auf WordPress mit WooCommerce. Das bestehende Design — ursprünglich von einem Partner entworfen und in WooCommerce umgesetzt — sollte als Grundlage für einen neuen Shopify-Shop dienen.

Der Kunde entschied sich für den Wechsel zu Shopify. Meine Aufgabe: Das bestehende WooCommerce-Theme in ein vollwertiges, flexibles Shopify-Theme übersetzen.

Maßnahmen

1. Theme-Migration: WooCommerce → Shopify

  • Analyse des bestehenden WooCommerce-Themes und Übertragung des Designs in ein Shopify-Theme

  • Umsetzung aller relevanten Seiten (Startseite, Produktseiten, Collections, etc.) in Shopify's Liquid-Templating

  • Visuelle Konsistenz zum ursprünglichen Design gewährleistet

2. Flexible Seitenstruktur mit Sections

  • Aufbau der Seiten mit editierbaren Sections und Blöcken im Shopify Theme Editor

  • Der Kunde kann alle Inhalte (Texte, Bilder, Layouts) eigenständig im Editor anpassen — ohne Entwicklerkenntnisse

  • Skalierbare Struktur für zukünftige Änderungen

3. Entwickler-Briefing & Übergabe

  • Erstellung eines strukturierten Briefings für den nachfolgenden Entwickler

  • Dokumentation aller Theme-Einstellungen, Sections und Konfigurationsmöglichkeiten

  • Saubere Übergabe, sodass der nächste Entwickler direkt weiterarbeiten konnte

Ergebnis

  • Bestehendes Design erfolgreich in ein vollständiges Shopify-Theme überführt

  • Kunde kann alle Seiteninhalte eigenständig pflegen

  • Saubere Entwickler-Übergabe mit vollständiger Dokumentation

Learnings

Theme-Migrationen erfordern mehr als nur visuelles Nachbauen — es geht darum, das Design in Shopify's Section-Architektur zu übersetzen, damit der Kunde langfristig unabhängig arbeiten kann. Saubere Dokumentation und Übergabe sind genauso wichtig wie der Code selbst.