Eine Website, die KI lesen kann: was das für Design und Bau bedeutet
Eine schöne Seite kann bei der Maschine leer ankommen. Vier Gestaltungsentscheidungen, die dazu führen, und warum das keine langweiligen Websites bedeutet.
Fallstudie · Marke und Shop
Rebon: eine Marke für ein Produkt, das die Kundschaft nicht versteht
Daniel Hauser· 3 Min. Lesezeit
Wasserfilterung ist ein Produkt, bei dem die Kundschaft nicht ahnt, was sie eigentlich kauft. Sie kennt die Zusammensetzung ihres Wassers nicht, versteht den Unterschied zwischen den Kartuschen nicht und kann nicht beurteilen, ob ein Angebot gut ist. Für eine Marke heißt das nur eines: Sie muss antworten, bevor sie über sich selbst spricht.
1Marke vom Logotyp bis zum Shop
4Anlagen in einer Bildfamilie
27Seiten in einheitlichem Auftritt
9Icons für das, was aus dem Wasser geht
Ausgangslage: keine Marke
Rebon begann bei null. Kein Logotyp, keine Farbigkeit, keine Website. Zugleich verkauft die Firma ein Produkt, bei dem man leicht in den Laborlook rutscht — weißer Grund, Blau, Wirksamkeitsdiagramme, Zertifikate. Dieser Look wirkt fachlich und funktioniert genau deshalb nicht: Die Kundschaft hat Angst vor ihrem Wasser, kein Interesse an Adsorbentien.
Wir sind den anderen Weg gegangen. Kein Labor, sondern Küche. Kein Beweis auf den ersten Blick, sondern Ruhe.
Ein Zeichen, das die ganze Marke trägt
Der Logotyp ruht auf einer Figur: ein Tropfen, in blauer Linie gezeichnet, darin grüne Blattstriche. Wasser und Natur in einer Form, ohne Bildunterschrift darunter. Dasselbe Motiv kehrt im Buchstaben O von REBON wieder, sodass die Marke auch dort trägt, wo sie in einen Kreis passen muss — im Profilbild, im Favicon, auf dem Etikett.
Aus diesem Farbpaar ergab sich alles Weitere. Blau trägt Wasser und Vertrauen, Grün die Natürlichkeit und den Gedanken, dass es um eine Lösung geht und nicht um Chemie. Ein Drittes kam nicht hinzu.
Bei einem technischen Produkt soll Gestaltung es nicht interessant machen. Sie soll es verständlich machen, bevor jemand erschrickt.
Das Produkt auf der Arbeitsplatte, nicht auf weißem Grund
Die Produktvisualisierungen zeigen die Anlagen dort, wo sie wirklich stehen: unter der Spüle, auf der Arbeitsplatte, neben einem Glas Wasser. Das hat einen praktischen und einen inhaltlichen Grund. Praktisch: Man sieht sofort die Größe und wie viel Platz es unter der Spüle braucht. Inhaltlich: Das Foto beantwortet die Frage, die sich zuerst stellt — passt das, und sieht es dann aus wie eine Werkstatt?
Dieselbe Regel gilt für Icons und Schemata. Der Filterblock ist als Weg des Wassers gezeichnet, nicht als technische Zeichnung. Die neun Dinge, die aus dem Wasser verschwinden, bekamen je ein Icon, damit sich die Übersicht lesen lässt, bevor man zu lesen beginnt.
Warum Gestaltung und Aufbau zusammengehören
Der Entwurf des Shops entstand zusammen mit der Seitenstruktur, nicht danach. Dieser Unterschied zeigt sich im Ergebnis:
- Der Wegweiser Wasserquelle → was Sie lösen → wo Sie anfangen ist als Teil der Seite entworfen, nicht als später eingefügtes Beiwerk.
- Die Inhaltsseiten zur Filterwahl oder zum Brunnenwasser haben ein eigenes Erscheinungsbild, weil sie zugleich mit der Idee entstanden sind.
- Segmente jenseits des Haushalts — Büros, Gastronomie, Aquaristik, Ferienhäuser — haben einen eigenen Einstieg, und der passte in den Entwurf, weil er vorgesehen war.
Die Website hat das Schwesterstudio Developer Online nach dem Entwurf auf der Plattform Upgates gebaut. Die Inhalte für die Suche kamen von Independency, die darüber einen eigenen Beitrag zur Struktur nach der Suche geschrieben hat.
Das Ergebnis
Eine Marke, die auf dem Logotyp, auf dem Produktfoto und auf einer Seite über Brunnenwasser gleich aussieht. Und ein Shop, in dem man erfährt, was man kauft, bevor man zum Preis kommt. Das ganze Projekt steht in der Referenz Rebon.
