Kaufen, ohne die Produktseite zu öffnen.
Zwei Jahre für einen Kunden — vom ersten Wireframe bis zur Zusammenlegung von fünf Shops.
Die Ausgangslage
Die Hürde war weniger die Technik als die Frage, wie diese Kundschaft einkauft.
Wildvogelfutter verkauft Futter für Wildvögel, Igel und Eichhörnchen. Die Kundschaft ist überwiegend zwischen 40 und 70 Jahre alt — Menschen, die ihren Garten kennen, aber nicht darauf aus sind, sich durch einen Shop zu arbeiten.
Ein üblicher Shop verteilt die Entscheidung auf mehrere Seiten: Im Listing steht ein Bild mit Preis, alles Weitere klärt sich erst auf der Produktseite. Für diese Zielgruppe schien uns das ein Umweg mit ungewissem Ausgang.
Die Anforderung war deshalb, so viel wie möglich in das Listing zu holen — nicht als Zusatz, sondern damit die Entscheidung dort fallen kann, wo sie entsteht.
Was ich beigetragen habe
Konzeption und Gestaltung — über zwei Jahre, in enger Abstimmung mit der Kundin.
- Rolle
Konzeption und Gestaltung, von den Wireframes bis zu den Erweiterungen
- Zeitraum
2024 bis 2026
- Ausbaustufen
Shop, dann Historie und Blog, dann fünf Marken unter einem Dach
- Methoden
Der Weg dorthin
Fünf Schritte über zwei Jahre. Der letzte war am Anfang nicht absehbar.
-
.01
Die Zielgruppe ernst nehmen
Bei einer Kundschaft zwischen 40 und 70 wollten wir keine Bedienmuster voraussetzen, die man erst lernen muss. Jede Entscheidung im Konzept musste die Frage bestehen: Versteht das jemand beim ersten Ansehen?
-
.02
Das Listing zur Entscheidung machen
Jede Zeile im Listing trägt eine Merkmalsliste, den Grundpreis je Kilogramm und die verfügbaren Größen. Ausführung und Menge lassen sich direkt dort wählen. Wie viel eine Zeile verträgt, ohne unübersichtlich zu werden, haben wir über mehrere Runden austariert. Möglich wurde das über Plug-ins und Eigenentwicklungen: Eigenschaften, Varianten und Menge stehen im Listing selbst, der Kunde stellt sein Produkt dort zusammen und legt es in den Warenkorb. Üblich ist das nicht — gebraucht haben wir es trotzdem.
-
.03
Erst grau, dann schön
Zuerst Wireframes für alle Seitentypen, danach die Gestaltung. Was im Graustufenentwurf nicht trug, wurde mit Bildern selten besser — und die Diskussion, ob es nur an der Optik liegt, blieb uns erspart.
-
.04
Die Geschichte begehbar machen
Später kamen Erweiterungen dazu, darunter eine Historienseite. Eine lange Chronik zum Scrollen haben wir verworfen; geblieben ist ein Zeitstrahl mit einer Station je Jahr, durch den man blättert.
-
.05
Fünf Marken, ein Dach
2026 wurden fünf Subshops zusammengelegt. Dass jede Marke ihre eigene Farbwelt behält und ein Umschalter am oberen Rand zwischen ihnen führt, war das Ergebnis mehrerer Anläufe — die einfacheren Varianten hätten die Marken eingeebnet.
-
.06
Fünf Themes, ein Wunsch
Die fünf Shops liefen auf fünf gekauften Themes. Zusammengelegt heißt das: Wer von einer Marke zur nächsten wechselt, sieht auf einmal einen anderen Shop. Mir wäre ein Shop mit einem Theme lieber gewesen, und ich halte das auch für verkaufsfördernder — aber der Kunde hatte alle fünf bezahlt. Ob es aufgeht, zeigt sich noch.
Aus der Arbeit
Zwei Jahre in fünf Bildern. Zum Vergrößern anklicken.
-
Der Anfang — Wireframe der Startseite, der Futterberater ist schon eingeplant · vergrößern -
Dieselbe Seite gestaltet, mit der Bildwelt des Hauses · vergrößern -
Das Listing als Entscheidungsort — Ausführung und Menge stehen in der Zeile · vergrößern -
Historie — ein Zeitstrahl, der bis 1429 zurückreicht, Station für Station · vergrößern -
2026 — fünf Marken unter einem Dach, umschaltbar wie Reiter · vergrößern
Was daraus wurde
Die längste Zusammenarbeit hier — und die mit den meisten Ausbaustufen.
Aus einem Shop wurden über zwei Jahre drei Vorhaben: der Shop selbst, die Erweiterungen um Historie und Blog, und zuletzt die Zusammenlegung von fünf Marken. Dass es weitergehen würde, stand am Anfang nicht fest.
Was sich am deutlichsten gehalten hat, ist das Listing. Ausführung und Menge dort wählbar zu machen, klingt nach einem Detail — es verschiebt aber, wo die Kaufentscheidung stattfindet. Für eine Zielgruppe, die keine Lust auf Umwege hat, schien uns das wichtiger als eine schönere Produktseite.
Beim Zusammenlegen der fünf Shops war die schwierigste Frage nicht technisch: zusammenfassen, ohne einzuebnen. Jede Marke hatte ein eigenes Publikum und eine eigene Farbwelt. Wir haben mehrere Wege durchgespielt; geblieben ist der, bei dem das Dach nur sortiert und die Marken darunter unterschiedlich bleiben.
- Marken unter einem Dach
- 5darunter Wildvogelfutter, Hundefutter, eine Katzenmarke und eine Vogelfuttermarke
- Jahre begleitet
- 2vom ersten Wireframe bis zur Zusammenlegung
- Umwege zum Kauf
- 0Ausführung und Menge stehen im Listing, nicht dahinter
So erreichst du mich
Fragen zu meiner Arbeit beantworte ich gern — eine Mail genügt.