Zum Inhalt springen

Shop-Design

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 02.09.2026

Shop-Design ist die Gestaltung eines Onlineshops entlang des Wegs vom ersten Aufruf bis zum abgeschlossenen Kauf. Es umfasst Produktdarstellung, Navigation, Warenkorb und Kasse und wird an einer Zahl gemessen, die andere Websites nicht kennen: der Abschlussquote.

Shop-Design

Die Gestaltung eines Onlineshops mit Blick auf den gesamten Weg vom Einstieg über die Produktauswahl bis zum Kaufabschluss.
Beispiel: „Im Shop-Design haben wir die Kasse auf einen Schritt verkürzt, seitdem brechen weniger Kunden ab.“

Abgrenzung zum Webdesign allgemein: Eine Unternehmenswebsite informiert und stellt Kontakt her. Ein Shop führt zusätzlich einen Verkaufsvorgang, dessen einzelne Schritte messbar sind.

Die Stellen, an denen es entschieden wird

Auf der Produktseite entscheidet sich, ob jemand in den Warenkorb legt. Nötig sind dort große Abbildungen, ein sichtbarer Preis samt Versandkosten, die Verfügbarkeit und eine Beschreibung, die die üblichen Rückfragen vorwegnimmt. Alles, was der Kunde nicht findet, wird zur Kaufhürde.

In der Kasse entscheidet sich, ob aus dem Warenkorb eine Bestellung wird. Hier zählt jeder überflüssige Schritt: Eine erzwungene Registrierung, ein Formular mit zwanzig Feldern oder eine Versandkostenangabe, die erst im letzten Schritt auftaucht, kosten unmittelbar Abschlüsse. Der Gastkauf und eine frühe, ehrliche Angabe der Gesamtkosten gehören deshalb zum Standard.

Vertrauen als Gestaltungsaufgabe

Wer bei einem unbekannten Shop bestellt, geht in Vorleistung. Das Design muss diese Unsicherheit auffangen: mit einem vollständigen Impressum, erreichbaren Kontaktdaten, klaren Angaben zu Versand und Rückgabe sowie den Zahlungsarten, die die Zielgruppe erwartet. Bewertungen und Gütesiegel wirken, sind aber schwächer als die schlichte Auffindbarkeit dieser Grundangaben.

Was rechtlich dazugehört

Ein Onlineshop trägt Pflichten, die eine Informationsseite nicht kennt. Dazu zählen die Preisangabe samt Hinweis auf enthaltene Umsatzsteuer und Versandkosten, die Widerrufsbelehrung, die Grundpreisangabe bei Waren nach Maß oder Gewicht sowie eine Bestellschaltfläche, die eindeutig auf die Zahlungspflicht hinweist. Diese Angaben gehören von Anfang an in den Entwurf, weil sie feste Plätze im Ablauf beanspruchen.

Warum Vorlagen hier schnell an Grenzen stoßen

Shop-Systeme bringen fertige Themes mit, die auf den ersten Blick vieles abdecken. Sobald das Sortiment eigene Anforderungen stellt, etwa Varianten mit vielen Merkmalen, Konfiguratoren oder Staffelpreise, endet die Standarddarstellung. Wir empfehlen, diese Fälle vor der Wahl des Themes durchzuspielen, weil sie später den Aufwand bestimmen.

Siehe auch:

Corporate Website

Der offizielle Webauftritt eines Unternehmens unter eigener Domain, der das Unternehmen als Ganzes darstellt.

#Webdesign-Grundlagen

Zustände von Bedienelementen (Default, Hover, Active, Disabled)

Die verschiedenen Darstellungen, die ein Bedienelement je nach Situation annimmt, um seinen Status erkennbar zu machen.

#Webdesign-Grundlagen