Wie man einen Shopify-Store für Fashion-Brands designt

Die wichtigsten Takeaways

• Ein gutes Shopify Store Design für Fashion beantwortet die zwei Fragen, die ein Käufer am Bildschirm nicht klären kann: Passt es, und sieht es in Bewegung so aus wie auf den Fotos?
• Packe Passform-Infos auf die Produktseite: eine Größentabelle pro Produkttyp, die Größe des Models und die getragene Konfektionsgröße, Hinweise zu Stoff und Stretch, alles gespeichert als Metafields.
• Shopify erlaubt drei Optionen und 2.048 Varianten pro Produkt, und jede Variante kann ein zugewiesenes Bild haben. Farbvarianten-Galerien brauchen also einen Plan.
• Steuere die Filterung nach Stoff, Passform und Anlass über Metafields mit der Search & Discovery App und baue Lookbooks als Landingpages.
• Biete Drops mit echtem Bestand und an echten Daten an, und fange die Nachfrage nach ausverkauften Größen über Back-in-Stock-Benachrichtigungen ein.

Einen Shopify Store für Fashion zu designen, ist ein Kampf gegen zwei Lücken: Der Käufer kann das Kleidungsstück nicht anprobieren und den Stoff nicht fühlen. Jede gute Entscheidung bei einem Fashion-Storefront schließt eine dieser beiden Lücken.

Machst du es falsch, zahlst du doppelt: einmal durch einen verlorenen Verkauf und einmal durch eine Retoure. Die NRF und Happy Returns schätzen, dass 2025 etwa 19,3 % der Online-Verkäufe retourniert werden, und Kleidung steht am schwierigen Ende dieser Kurve, weil die Passform eher geraten als gewusst wird.¹

Dieser Guide behandelt den Aufbau. Wenn du zuerst visuelle Referenzen suchst, schau dir unsere Übersicht der besten Shopify Fashion und Bekleidungs-Stores an und komm dann hierher zurück, um zu sehen, wie diese Storefronts tatsächlich umgesetzt sind.

Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Bereich tätig und haben mit Hunderten von Shopify-Brands an ihren Storefronts gearbeitet, darunter auch Fashion-Brands – von Single-Designer-Labels bis hin zu etablierten DTC-Namen. Wir entwickeln Fudge, den AI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store und „Built for Shopify“-Status. Wir arbeiten also genau auf der Theme-Ebene, auf der diese Entscheidungen getroffen werden.

Warum das Design von Fashion-Stores schwieriger ist als bei den meisten Kategorien

Bekleidung sieht nach einer leicht zu vermarktenden Kategorie aus. Das ist sie aus vier Gründen nicht:

• Passform. Es gibt keine universelle Größe. Das M einer Marke ist das L einer anderen, und oft ist das M eines Styles das L eines anderen Styles innerhalb derselben Marke.
• Stoff. Gewicht, Stretch, Textur und Fall sind das Produkt, und nichts davon lässt sich durch ein starres Foto perfekt vermitteln.
• Farbe. Ein Käufer, der sich zwischen fünf Colorways eines Hemdes entscheidet, vertraut darauf, dass deine Fotografie bei allen fünf ehrlich ist.
• Wechsel (Churn). Saisonale Drops und ungleichmäßige Abverkäufe führen dazu, dass der Katalog nie stabil ist. Ein Produkt, bei dem noch vier von zehn Größen übrig sind, ist der Normalzustand, nicht die Ausnahme.

Die Passform ist der teure Faktor. Käufer, die dieses Problem nicht lösen können, brechen den Kauf entweder ab oder bestellen zwei Größen und schicken eine zurück – das „Bracketing“-Verhalten, das Händler heute als echten Kostenfaktor betrachten.¹

Alles im Folgenden beantwortet eine dieser vier Lücken.

Wie du Fragen zur Passform auf der Produktseite beantwortest

Die meisten auf einer Produktseite verlorenen Fashion-Verkäufe scheitern an der Unsicherheit über die Größe. Die Lösung ist nicht eine einzige Größentabelle im Footer. Es ist ein mehrschichtiges Set an Passform-Antworten direkt neben der Größenauswahl.

Größentabellen pro Produkttyp, nicht eine globale Tabelle

Eine einzige “Size Guide”-Seite, die alles von Denim bis hin zu Oberbekleidung abdeckt, hilft niemandem. Erstelle eine Tabelle pro Produkttyp: Oberteile, Hosen, Kleider, Jacken, Schuhe, jeweils mit eigenen Maßreihen. Unser Guide zum Hinzufügen einer Größentabelle in Shopify behandelt das Setup, vom einfachen Pop-up bis hin zu produktspezifischen Tabellen.

Zwei Regeln machen Tabellen nützlich:

• Gib die Maße des Kleidungsstücks an, nicht nur Körpermaße. Achsel zu Achsel, Taille, Schrittlänge und Gesamtlänge in Zentimetern und Zoll lassen den Käufer die Maße mit einem Kleidungsstück vergleichen, das er bereits besitzt – eine der zuverlässigsten Methoden zur Größenfindung.
• Trenne Tabellen nach Passform. Ein Oversize-T-Shirt und ein Slim-Fit-T-Shirt derselben Marke sollten sich keine Tabelle teilen. Fällt ein Style klein aus, sag das ganz direkt auf der Seite: “Fällt klein aus, eine Größe größer bestellen”.

Speichere die Tabellendaten als strukturierten Content statt als Screenshot: ein Metaobject pro Produkttyp, das die Zeilen enthält und von jedem Produkt über ein Metafield referenziert wird. Einmal bearbeitet, wird jedes Produkt dieses Typs aktualisiert, und die Tabelle wird als echter Text gerendert, den man auch auf dem Smartphone gut lesen kann.

Passform-Hinweise neben der Buy-Box

Einer der nützlichsten Sätze auf einer Fashion-Produktseite ist die Referenzgröße des Models: “Das Model ist 185 cm groß und trägt Größe M”. Das macht aus einer abstrakten Tabelle einen menschlichen Anker.

Füge einen kurzen Passform-Block hinzu: Art der Passform (Slim, Regular, Relaxed, Oversized), Stoffzusammensetzung und -gewicht, Stretch (kein, leicht, 4-Way) und Pflegehinweise. Jedes dieser Details ist ein Metafield, sodass der Block im gesamten Katalog identisch gerendert wird und du die Infos nicht immer wieder neu abtippen musst.

Quizzes für Größenempfehlungen

Für Kategorien, in denen die Größenabweichung markenübergreifend groß ist – Denim, BHs, Anzüge, Bademode –, leitet ein kurzes Quiz, das nach Größe, Gewicht und der bei einer bekannten Marke getragenen Größe fragt, den Käufer zu einer Empfehlung, bevor Zweifel aufkommen. Wir behandeln die Mechanik, das Fragendesign und die Tools in unserem Shopify Quiz Funnel Guide.

Passform-Feedback aus Bewertungen

Eine „Fällt klein aus / Passgenau / Fällt groß aus“-Skala im Bewertungsformular macht aus jedem bisherigen Kunden Passform-Daten. Zeige den Durchschnitt neben der Größenauswahl an, denn „87 % sagen passgenau“ beantwortet die Frage schneller als jede Tabelle.

Wir werden keine genaue Zahl nennen, wie sehr guter Passform-Content Retouren reduziert, denn die ehrliche Antwort ist, dass es von der Kategorie und der Ausgangslage abhängt. Die Richtung steht jedoch außer Frage: Da der dokumentierte Hauptgrund für Retouren in der Bekleidungsbranche die Passform ist, beseitigt jede auf der Seite platzierte Passform-Antwort einen Grund für das Bracketing.

Bilder: Fall, Farbe und Details

Behandle das Medien-Set als Beweis, nicht als Dekoration. Jede Art von Aufnahme beantwortet eine andere Frage.

On-Model-Shots klären Proportionen und Fall. Fotografiere jeden Style an einem Model und gib die Maße des Models beim Bild an. Dasselbe Kleidungsstück an zwei oder drei verschiedenen Körpern und Größen zu fotografieren, ist nützlicher als fünf Blickwinkel an einem einzigen Model.

Flatlays klären Verarbeitung und Farbtreue. Ein Flatlay auf neutralem Grund ist das unvorteilhafteste und ehrlichste Foto im Set – und genau deshalb gehört es dorthin.

Detailaufnahmen klären die Qualität. Stofftextur aus nächster Nähe, Nähte, Hardware, die Innenseite des Kragens. Das sind die Bilder, die einen Preisunterschied rechtfertigen, den keine Weitwinkelaufnahme erklären kann.

Videos zeigen die Bewegung. Wie ein Stoff fällt, sieht man erst in Bewegung, also leisten ein paar Sekunden Gehen oder Drehen das, was kein Standbild kann. Shopify hostet Videos direkt auf dem Produkt, akzeptiert Uploads bis zu 10 Minuten, 1 GB und 4K und liefert dann MP4 oder HLS aus.² Halte es kurz und lass es niemals als erstes Medium automatisch abspielen – verwende ein Poster-Frame.

Colorway-Genauigkeit

Fotografiere jede Farbvariante einzeln, anstatt ein Hauptbild nachträglich umzufärben. Umgefärbte Bilder sind bei Kleidung eine häufige Ursache für Retouren mit dem Grund “sieht nicht so aus wie auf dem Bild” – und absolut vermeidbar.

Shoote mit einer Farbreferenzkarte im Bild, exportiere in sRGB mit eingebettetem Profil und benenne die Farben mit Wörtern auf der Seite: “Washed Indigo”, nicht nur mit einem einfachen Farbfeld (Swatch).

Das Medien-Budget

Shopify erlaubt bis zu 250 Medieninhalte pro Produkt, Bilder bis zu 5000 x 5000 px und 20 MB.³ Das klingt unbegrenzt, bis man rechnet: fünf Colorways mal einem On-Model-Shot, einem Flatlay, zwei Detailaufnahmen und einem Video ergeben 25 Elemente bei einem Produkt, und die Galerie muss navigierbar bleiben. Ein praktikables Set pro Colorway besteht aus einem Hero-On-Model-Shot, einem Flatlay, einem Detailbild und einem geteilten Video.

Colorways, Größen und die Varianten-Matrix

Nun zu den Plattform-Mechaniken. Ein Shopify-Produkt kann bis zu drei Optionen und bis zu 2.048 Varianten haben.³ Für Bekleidung bedeutet das meist, dass Farbe, Größe und Länge (oder Schnitt) alle drei Plätze belegen.

Die Mathematik ist selten das Problem: acht Farben, sieben Größen und drei Längen ergeben 168 Varianten, weit unter dem Limit. Das Bild-Handling ist das Problem.

Jede Variante kann genau ein ihr zugewiesenes Medium haben.³ Wähle „Navy / M“ und das Theme wechselt zum Navy-Hero-Shot, aber der Rest der Galerie zeigt immer noch jeden Colorway gemischt an. Eine echte Colorway-Galerie, bei der die Auswahl von Navy nur Navy-Bilder anzeigt, erfordert entweder ein Theme, das Media Grouping unterstützt, oder eine Custom-Section, die die Galerie nach der ausgewählten Option filtert.

Wann ein Colorway ein eigenes Produkt sein sollte

Die Aufteilung von Colorways in separate Produkte gibt jeder Farbe eine eigene URL, eine eigene aufgeräumte Galerie und eine eigene Suchpräsenz, allerdings auf Kosten einer fragmentierten Größen-Verfügbarkeits-Ansicht. Teile auf, wenn Colorways wirklich separat vermarktet werden, wie zum Beispiel saisonale Exclusives oder Collabs.

Bei Shopify Plus bietet dir die Combined Listings App von Shopify beides: separate Child-Produkte, die als ein Listing präsentiert werden, jedes mit eigenem Titel, Beschreibung, URL und Bildergalerie. Sie unterstützt bis zu 60 Produkte pro Combined Listing und ist nur für Plus- und Enterprise-Pläne verfügbar.⁴ In anderen Plänen verbindest du aufgeteilte Produkte mit einem „Shop this Style in“-Block, der über ein Produktreferenz-Metafeld gesteuert wird.

Personalisierung, ohne einen Options-Slot zu verbrauchen

Monogramme, Anfragen zur Saumlänge und Geschenknachrichten gehören nicht in die Varianten-Matrix. Erfasse sie als Line-Item-Properties: Formular-Inputs namens properties[Monogram], die mit der Bestellung übergeben werden. Ein Unterstrich-Präfix verbirgt eine interne Eigenschaft vor dem Kunden im Checkout.⁵

Katalogarchitektur: Collections, Filter und Lookbooks

Fashion-Kataloge wechseln jede Saison, also muss die Architektur Veränderungen aufnehmen können, ohne dass alles neu gebaut werden muss.

Collections, gebaut für saisonale Wechsel

Nutze standardmäßig Automated Collections mit Tag- und Metafeld-Regeln. „New in“ ist eine Regel basierend auf dem Veröffentlichungsdatum, „AW26“ ist eine Regel basierend auf einem Saison-Tag und „Last Chance“ ist eine Regel basierend auf einem Sale-Tag, und keine davon erfordert manuelle Kuration, wenn der Drop live geht.

Führe Anlass- und Edit-Collections neben der Produkttyp-Taxonomie: „Workwear“, „Hochzeitsgast“, „Wochenende“. Diese fangen Suchanfragen ab, die der Begriff „Hemden“ niemals erreichen wird, und hier zeigt sich dein Merchandising-Gespür am besten.

Metafeld-basiertes Filtern

Größen- und Farbfilter bekommst du gratis, denn die Search & Discovery App von Shopify erstellt benutzerdefinierte Filter aus Produktoptionen. Stoff, Passform, Anlass und Länge existieren nicht als Optionen, also speichere sie als Metafelder und filtere danach.

Die Plattformbeschränkungen, die man kennen sollte: Ein Store kann bis zu 25 Filter mit jeweils bis zu 100 Werten anzeigen, und Collections mit über 5.000 Produkten zeigen gar keine Filter an.⁶ Filterbare Metafeld-Typen sind einzeiliger Text, Liste aus einzeiligem Text, Dezimalzahl, Ganzzahl, True/False und Metaobjekt-Referenzen. Definiere also Stoff und Passform als Listen aus einzeiligem Text und nicht als freien Fließtext.⁶

Filterhygiene ist wichtiger als die Anzahl der Filter. „Navy“, „Marineblau“ und „Dunkelblau“ werden zu drei Filterwerten. Lege das Vokabular in der Metafeld-Definition fest und die Filter bleiben sauber.

Lookbooks und Shop-the-Look-Seiten

Editorial-Content ist es, womit sich Bekleidung verkauft, und das Lookbook ist das native Format dafür: flächendeckende Kampagnenbilder mit anklickbaren Produkt-Hotspots oder „Shop the Look“-Produktreihen unter jedem Outfit.

Baue diese als Landingpages, nicht als Blogposts, da sie Layout-Kontrolle und einen klaren Weg zum Warenkorb benötigen. Die Build-Optionen werden in Wie man eine Landingpage in Shopify erstellt behandelt. Das ist auch der Punkt, an dem Händler normalerweise einen Entwickler engagieren oder eine Page-Builder-App installieren. Wenn du das Lookbook stattdessen Fudge beschreibst, erhältst du dieselbe Seite als native Theme-Sections.

Drops und Verknappung, aber ehrlich

Drops funktionieren, weil sie die Nachfrage bündeln, nicht weil sie jemanden austricksen. Die Designregeln leiten sich daraus ab.

Kündige ein echtes Datum an, launche auch dann. Tease den Drop auf der Startseite und den Produktseiten an, sammle E-Mails für den Launch und veröffentliche die Collection genau dann, wann du es angekündigt hast.

Zeige nur echte Verknappung. Live-Lagerbestände, ausverkaufte Größen ausgegraut aber sichtbar, und „Sold Out“ als Abzeichen, das man stolz trägt. Gefälschte Countdown-Timer und permanente „Nur noch 2 auf Lager“-Labels trainieren Käufer darauf, die echten zu ignorieren. Ein entlarvter, falscher Dringlichkeits-Claim kostet mehr Vertrauen, als hundert echte Sell-Outs einbringen.

Lass ausverkaufte Artikel sichtbar. Eine ausverkaufte Größe oder ein Colorway, der auf der Seite versteckt wird, ist weggeworfene Nachfrage. Graue sie aus und hinterlege stattdessen ein „Benachrichtige mich“-Feld (Notify-me).

Back-in-Stock-Erfassung

Jede ausverkaufte Variante sollte E-Mails sammeln. Der Shopify Online-Store hat keine eingebaute Restock-E-Mail, also läuft die Erfassung über eine App oder den Back-in-Stock-Flow deiner E-Mail-Plattform. Kunden, die ein Produkt in der Shop-App speichern, können sich auch für Push-Benachrichtigungen anmelden, wenn ein ausverkauftes Produkt wieder verfügbar ist.⁷

Die Restock-E-Mail gehört durchweg zu den am besten konvertierenden automatisierten E-Mails, die eine Bekleidungsmarke versendet, denn sie landet bei jemandem, der sich bereits zum Kauf entschieden hatte. Wie du sie zusammen mit den Welcome-, Browse-Abandon- und Winback-Flows, auf die Fashion-Brands angewiesen sind, strukturierst, behandeln wir in unserem Guide zu Klaviyo Flows für Fashion-Brands.

Vertrauen: Retourenrichtlinie und Proof auf der Produktseite

Fashion-Käufer shoppen in dem Wissen, dass sie den Artikel eventuell zurückschicken. Die Antwort zum Thema Retouren gehört also dorthin, wo die Entscheidung fällt.

Platziere die Retouren-Zusammenfassung in der Buy-Box. Eine Zeile unter dem „In den Warenkorb“-Button: Zeitfenster, Kosten und ob Umtäusche kostenlos sind. „Kostenlose 30-Tage-Retoure, kostenloser Größentausch“ löst das Risiko in wenigen Worten; ein „Retouren“-Link im Footer löst gar nichts.

Umtausch-First schlägt Erstattungs-First. Ein kostenloser Größentausch sichert den Umsatz und löst das eigentliche Problem – nämlich die Passform, nicht den generellen Wunsch nach dem Produkt. Sag das explizit auf der Seite.

UGC beantwortet die Passform-Frage, was Studiofotografie nicht kann. Eine Reihe von Kundenfotos auf der Produktseite zeigt das Kleidungsstück an verschiedenen Körpern, Größen und in unterschiedlichen Umgebungen. Ziehe die Bilder aus einem Branded-Hashtag oder deiner Bewertungsplattform und platziere sie in der Nähe der Größenauswahl, anstatt ganz unten auf der Seite.

Layout-Muster für all das – Buy-Box-Reihenfolge, Einsatz von Akkordeons, Platzierung von Proof – findest du in Wie man eine Shopify-Produktseite anpasst.

Wie man es umsetzt: Theme, Metafelder oder Custom-Sections

Drei Ebenen tragen die oben genannte Arbeit, und die Lösung besteht meist aus allen dreien.

Das Theme bildet die Grundlage: Verhalten der Galerie, Swatch-Design, Collection Grid, Filter-UI. Wenn du noch auf der Suche nach einem Theme bist, bewertet unser Vergleich der besten Shopify Themes für Fashion diese genau nach den Kriterien in diesem Guide, inklusive Handhabung von Varianten-Bildern und Filtern.

Metafields liefern die Daten: Maße, Stoff, Passform, Pflegehinweise, Referenzen zur Größentabelle. Das ist die langlebige Ebene, denn diese Daten überdauern jedes Theme, das du darüberlegst.

Custom Sections übernehmen alles, was dein Theme nicht mitbringt: den Passform-Block, die Galerie pro Farbvariante, das Größentabellen-Modal, das Lookbook-Layout, den Drop-Countdown. Das ist der Punkt, an dem Fashion-Brands in der Vergangenheit Entwickler engagiert haben oder die Rendering-Schicht einer Page-Builder-App in Kauf genommen haben.

Fudge, der KI-Operator für Shopify Stores, schließt diese Lücke per Prompt. Beschreibe die Section im Store Editor und Fudge schreibt Liquid, CSS und JavaScript als Entwurf in dein Theme, den du vorab ansehen kannst. Dabei werden deine Marken- und Produktdaten gelesen, damit das Ergebnis exakt zum Store passt. Weil es nativer Theme-Code ist, wird deine Produktseite nicht durch ein Drittanbieter-Skript neu gerendert und die Sections bleiben auch nach einer Deinstallation erhalten. Das Gleiche gilt für Lookbooks und Kampagnen-Seiten, die mit dem Shopify Page Builder erstellt wurden.

Wenn du nicht sicher bist, wo du anfangen sollst, liest Fudge deine Analytics aus, listet die Produktseiten auf, die die meisten Käufer verlieren, und vergleicht die Conversion Rate auf jeder dieser Seiten vor und nach einer Anpassung.

Dasselbe Prinzip gilt für andere Branchen: Schau dir unsere Design-Guides für Food- und Beverage-Brands sowie Haustier-Brands an.

FAQ