Superitalia Webshop
Superitalia Webshop ist das E-Commerce-Projekt der Marke Superitalia, umgesetzt in Shopify. Im Gegensatz zum parallel laufenden Website-Projekt (Webflow) lag hier der Fokus auf dem Aufbau eines funktionalen Webshops mit individueller Produktvisualisierung, optimierten Custom Fields, Liquid-Templates und einer klaren Produkt- und Datenarchitektur. Ergänzend wurden Grafikerstellung und Product Shots übernommen, um eine konsistente visuelle Sprache über alle Touchpoints hinweg sicherzustellen.
Rahmenbedingungen & Zielbild
Ausgangslage
Das bestehende Shop-Setup war funktional, aber weder visuell noch strukturell auf dem Niveau der Markenpositionierung. Produktdaten waren uneinheitlich gepflegt, die visuelle Darstellung wirkte generisch und die Informationshierarchien innerhalb der Produktseiten waren unklar. Es fehlte ein durchdachtes Designsystem, das Produktseiten, Kollektionübersichten und Content-Bereiche visuell zusammenhält.
Zielsetzung
Ziel war ein visuell hochwertiger, technisch sauber aufgebauter Shopify-Shop, der Produktdaten klar strukturiert abbildet, die Marke konsistent transportiert und redaktionell einfach pflegbar bleibt. Die Custom Fields und Liquid-Anpassungen sollten eine differenzierte Produktdarstellung ermöglichen, die über Standard-Shopify hinausgeht.
Meine Rolle & Verantwortlichkeiten
Ich war verantwortlich für UX-Konzeption, UI Design, Grafikerstellung inkl. Product Shots, die Definition von Informationshierarchien und Datenstrukturen, die Entwicklung eines Designsystems sowie die technische Umsetzung mit Custom Shopify Liquid-Templates und Metafeldern.
UX / UI – Konzept & Entscheidungen
Die UX-Arbeit begann mit der Neustrukturierung der Informationsarchitektur auf Produktebene. Welche Informationen sind kaufentscheidend? In welcher Reihenfolge? Wie werden Nährwerte, Inhaltsstoffe und USPs priorisiert? Auf dieser Basis wurden Produktseitenlogiken definiert, die über Custom Fields dynamisch befüllt werden. Zusätzlich wurde die Navigations- und Kategoriestruktur überarbeitet, um Nutzer:innen schneller zu relevanten Produkten zu führen.
UI Design – Umsetzung der Konzepte
Das UI Design folgt einem eigens entwickelten Designsystem, das Typografie, Farbcodes, Spacing und Komponentenlogiken definiert. Product Shots und Grafiken wurden so erstellt, dass sie markenkonform und über alle Produktseiten hinweg konsistent funktionieren. Das visuelle System hält den performanceorientierten, sportlichen Markencharakter aufrecht und sorgt gleichzeitig für klare Lesbarkeit und Orientierung.
Web & Development
Die technische Umsetzung umfasste Custom Liquid-Templates für Produktseiten, Kollektionen und Content-Bereiche. Zentral war die Arbeit mit Shopify-Metafeldern und Custom Fields, um produktspezifische Daten flexibel und konsistent auszuspielen. Die Struktur ist so aufgebaut, dass neue Produkte ohne Designanpassungen eingepflegt werden können und das System skaliert.
Ergebnis & Wirkung
Der Shopify-Shop transportiert die Marke nun deutlich stärker, Produktseiten sind informativ und visuell hochwertig, und die Pflegeprozesse wurden durch saubere Datenstrukturen spürbar vereinfacht. Das Designsystem sorgt für Konsistenz über alle Shop-Bereiche hinweg.
Fazit
Das Projekt verdeutlicht den Unterschied zwischen einem funktionierenden Shop und einem strategisch durchdachten E-Commerce-System. Die Kombination aus Grafikerstellung, UX-Struktur und Custom Liquid zeigt, wie stark das Zusammenspiel von visuellem Design und technischer Datenlogik die Produktwahrnehmung und Pflegequalität beeinflusst.
weitere Projekte
A curated collection of my most impactful projects, showcasing my approach, creativity, and the results delivered for clients.
