Advertorial
Die meisten Shop-Neulinge öffnen Dribbble, speichern vierzig Screenshots von Homepages im Dark-Mode und erstellen dann etwas, das ihre eigenen Kunden nicht nutzen können. Inspiration lässt sich leicht sammeln, aber schwer umsetzen.
Die Shops, die in Deutschland tatsächlich Umsatz machen, sehen in der Regel schlichter aus als diejenigen, die Designpreise gewinnen. Sie laden schnell, geben die Versandkosten frühzeitig an und verstecken den „Kaufen“-Button nicht. Das ist eine niedrigere Hürde, als die meisten Unternehmer erwarten – und eine, die schwerer zu nehmen ist.
Kopiere die Struktur, nicht das Styling
Es gibt einen Unterschied zwischen dem Übernehmen einer Farbpalette und dem Übernehmen einer Layoutlogik. Ersteres ist Dekoration. Letzteres entscheidet darüber, ob ein Besucher die Produktseite mit zwei oder mit fünf Klicks erreicht.
Hier ist eine bessere Übung, als hübsche Screenshots zu speichern: Öffne einen Shop, den du bewunderst, und studiere seine schlechtesten Seiten. Das Produkt mit einem mittelmäßigen Foto, die Kategorie mit nur drei Artikeln, die Kasse auf einem gesprungenen Android-Bildschirm. Portfolio-Aufnahmen zeigen so etwas nie, und genau daran scheitern kleine Shops.
Große Marken sind auch für Einzelgründer schlechte Maßstäbe. Das Suchverhalten von Zalando basiert auf einem Entwicklungsbudget, über das niemand, der dies liest, verfügt. Unabhängige Händler, die 30 Produkte mit einer Handykamera fotografieren, arbeiten unter denselben Einschränkungen wie du.
Das Stöbern in echten Online-Shops ist also besser als das Betrachten von Mockups. Sammlungen wie die E-Commerce Beispiele von Jimdo zeigen Bäckereien, Keramiker und Fahrradwerkstätten, die ganz alltägliche Probleme lösen: wie man ein Dutzend fast identischer Artikel fotografiert, wie man eine Kategorieseite verfasst, die sich so liest, als hätte sie ein Mensch geschrieben, und wie man mit fünf Produkten den Eindruck eines Shops statt eines Hobbys vermittelt.
Die meisten Designfehler treten erst nach dem Klick auf „In den Warenkorb“ auf
Eine Bitkom-Studie ergab, dass 79 Prozent der deutschen Smartphone-Käufer einen Kaufvorgang abgebrochen haben. Die angegebenen Gründe sind banal: Probleme bei der Bezahlung (43 Prozent), eine unfreundliche Website (42 Prozent), ein einfacher Fehler auf der Seite (32 Prozent).
Nichts davon lässt sich mit einer schöneren Schriftart beheben. Abhilfe schaffen weniger Eingabefelder, eine Gast-Kassenoption und die Zahlungsmethoden, die deutsche Käufer erwarten (PayPal, Klarna, SEPA-Lastschrift und Rechnung).
Kopieren Sie hier ganz ungeniert. Zählen Sie die Schritte, die der Checkout eines Mitbewerbers vom Warenkorb bis zur Bestätigung benötigt, und gestalten Sie Ihren eigenen mit einem Schritt weniger.
Eine Einschränkung bei übernommenen Checkouts: Der Ablauf, der für ein 900-Euro-Sofa geeignet ist, ist für ein 9-Euro-Seifenstück falsch. Höhere Bestellwerte kaufen Geduld, und Käufer tolerieren ein Anmeldeformular, eine Adressüberprüfung und einen Bewertungsschritt. Billige Impulskäufe überstehen das alles nicht.
Den Kauf-Button dürfen Sie nicht neu gestalten
Das deutsche Recht schreibt den Text für Sie vor. Gemäß § 312j BGB muss der abschließende Bestellbutton den Wortlaut „zahlungspflichtig bestellen“ oder eine ebenso eindeutige Formulierung tragen, und die Bestellübersicht muss vor diesem Klick den Gesamtbetrag, Lieferbeschränkungen und akzeptierte Zahlungsmethoden anzeigen.
Wenn die Bezeichnung falsch ist, kommt kein verbindlicher Vertrag zustande. Schlimmer noch: Wettbewerber können Ihnen deswegen eine Unterlassungsaufforderung schicken. Ein Probeabonnement mit der Bezeichnung „Jetzt gratis testen“ wurde bereits als Verstoß gewertet – eine kostspielige Lektion in kreativer Microcopy.
Halten Sie den Button langweilig und setzen Sie Ihre Kreativität stattdessen auf die Produktfotografie ein.
Barrierefreiheit ist seit Juni 2025 keine Option mehr
Das deutsche Barrierefreiheitsstärkungsgesetz trat am 28. Juni 2025 in Kraft und übertrug Barrierefreiheitspflichten auf den Online-Handel. Sehr kleine Unternehmen (mit weniger als 10 Mitarbeitern und einem Umsatz unter 2 Millionen Euro) fallen nicht unter die Anforderungen, doch sich auf diese Ausnahmeregelung zu verlassen, ist ein Wagnis, klein zu bleiben.
In der Praxis bedeutet dies: Kontrast, der auch im Sonnenlicht im Freien noch erkennbar ist, Alt-Text für jedes Produktbild, Menüs, die sich allein mit der Tastatur bedienen lassen, und Formularfelder mit echten Beschriftungen statt verschwindendem Platzhaltertext. Käufer, die Screenreader nutzen, profitieren davon als Erste. Alle, die im Zug auf ihr Handy starren, profitieren als Zweite.
Barrierefreiheit ist zudem eine kostenlose Design-Disziplin. Größere Klickflächen und klarere Fehlermeldungen helfen dem 68-Jährigen mit einem vollen Warenkorb genauso sehr.
Was man diesen Monat übernehmen sollte
Wähle drei Shops aus einer branchenfremden Branche aus, kaufe in jedem etwas Kleines und notiere jeden Moment des Zögerns. Diese Liste ist besser als jeder Design-Trendbericht, denn sie basiert auf deiner eigenen Verwirrung und nicht auf der Ästhetik anderer.
Gestalte dann jeden Monat eine Sache neu: die Produktseite, den Bezahlvorgang oder die Kategoriestruktur. Miss das Ergebnis, bevor du dich dem nächsten Element widmest, denn gleichzeitige Änderungen verschleiern, welche davon gewirkt hat. Shops, die sich stetig verbessern, sind in der Regel erfolgreicher als solche, die einmal im Jahr neu gestaltet und dazwischen sich selbst überlassen werden.
