LEGACY ist ein kreatives Zentrum für Berlins Graffiti- und urbane Kunstszene. Seit 2014 hat sich das Team rund um LEGACY als Nachfolger des berühmten DOWNSTAIRS etabliert. Hier gibt es nicht nur Sprühdosen, T-Shirts und Marker, sondern auch Virtual-Reality-Experimente, Designstationen und Workshops. LEGACY ist nicht nur ein Shop, sondern ein Ort, an dem Kultur entsteht.

Doch hinter den Kulissen: veraltete Website, fehlerhafter Online-Shop, langsame Prozesse. Ein digitaler Wandel war überfällig.

LEGACYs alte Website entsprach weder dem Anspruch noch der kreativen Energie des Ladens. Die Probleme im Überblick:

• Online-Shop nicht funktionsfähig: Bestellungen konnten nicht richtig abgewickelt werden.
• Schlechte Nutzererfahrung auf Mobilgeräten: Die Seite war nicht responsive.
• Unpassendes Design: Farben, Layout und Struktur spiegelten nicht die Marke wider.
• Kein digitaler T-Shirt-Konfigurator: Kunden mussten ihre Designs umständlich per E-Mail einreichen.
• Manuelle Prozesse: Zeitintensiv, fehleranfällig, nicht skalierbar.

Die Folge: verschenktes Potenzial. LEGACY konnte den eigenen Anspruch nicht digital transportieren – und Kund:innen nicht abholen.

Gemeinsam mit dem Team von LEGACY war schnell klar: Die neue Lösung muss mehr als „nur“ schön sein. Sie soll Prozesse vereinfachen, Identität transportieren und Raum für Kreativität schaffen.

Konkret bedeutete das:

• Digitalisierung des gesamten Bestellprozesses
• Modernes UX/UI-Design, das den Spirit von LEGACY einfängt
• Integration eines individuellen Produktkonfigurators
• Mobile-Optimierung für spontane Käufe unterwegs
• Technische Basis für Wachstum, Sicherheit & Skalierung

1. Kostenloses Strategiegespräch Im ersten Gespräch haben wir gemeinsam das Zielbild entwickelt. Welche Probleme gilt es zu lösen? Welche Funktionen sind geschäftskritisch? Wo liegt der Fokus: Technik, Design, Prozesse oder alles zusammen?

2. Strategisches Konzept Wir haben alle Anforderungen gesammelt und daraus eine klare Seitenstruktur, Funktionenliste und visuelle Leitlinie entwickelt. Wichtig war: Alles sollte intuitiv für die Zielgruppe funktionieren – und dabei die Kultur von LEGACY repräsentieren.

3. Design mit Wirkung Im Designprozess stand Authentizität im Vordergrund. Das neue Look-and-Feel ist inspiriert von Street Culture, kombiniert mit klarer Navigation, großer Typografie und Mut zur Farbe. Erste Entwürfe wurden in Figma abgestimmt und gemeinsam iteriert.

4. Technische Umsetzung Die neue Seite basiert auf WordPress + WooCommerce. Der T-Shirt-Konfigurator wurde mit Fancy Product Designer umgesetzt und erlaubt sowohl Uploads als auch Auswahl aus vorhandenen Designs. Hinzu kamen:

• Sichere Zahlungsabwicklung
• SEO-Optimierung
• Performance-Steigerung (Ladezeit unter 1 Sekunde)
• Mobiloptimierung und DSGVO-Konformität

5. Livegang & Übergabe Nach internen Tests und Feedbackschleifen ging die neue Seite live. Wir übergaben Schulungsvideos und unterstützen beim Go-Live Marketing (z. B. via Social Media Launch).

Bereits kurz nach dem Relaunch:

• Reibungsloser Online-Verkauf: Produkte werden täglich konfiguriert und bestellt.
• Starke Resonanz von Kund:innen: „Endlich kann ich alles direkt selbst gestalten.“
• Mehr Zeit im Team: Statt E-Mail-Pingpong läuft jetzt alles über das System.
• Bessere Performance: Ladezeit unter 1 Sekunde, 90+ SEO-Score bei Lighthouse.

Vorher:

• Veraltete Optik
• Kein Kaufabschluss möglich
• Kein Produktkonfigurator
• Hoher manueller Aufwand

Nachher:

• Stimmiges Design mit Wiedererkennungswert
• Mobile-ready und barrierearm Kreativer
• Produktkonfigurator mit Live-Vorschau
• Voll automatisierter Bestellprozess

• Ein echtes Kreativbusiness wurde mit einer Tech-Lösung gestärkt.
• Technik unterstützt die Marke statt sie zu behindern.
• Der Konfigurator wurde exakt auf den realen Bedarf angepasst.
• Das Team von LEGACY wurde eng eingebunden und kann nun vieles selbst steuern.

Unser klar strukturierter 5-Schritte-Prozess hilft nicht nur bei LEGACY. Er ist das Fundament für jedes Projekt bei studioKPZ:

1. Strategiegespräch – Klarheit schaffen
2. Konzept – Struktur, Ziele und Technik ausrichten
3. Design – Wirkung erzeugen & Wiedererkennung schaffen
4. Technik – solide und zukunftssicher entwickeln
5. Livegang & Support – langfristig betreuen & verbessern

Du willst wissen, wie genau dieser Ablauf funktioniert? Hier findest du mehr Infos zur Zusammenarbeit mit studioKPZ.

Diese Case Study zeigt, dass gute Webentwicklung mehr ist als Code und Design: Es geht um Verstehen, Fühlen, Vereinfachen. Bei LEGACY ging es nicht nur um einen Online-Shop. Es ging um Kultur, Selbstbestimmung und Kreativität.

Und genau das ist jetzt digital erlebbar.