Strona, którą przeczyta AI: co to znaczy dla projektu i budowy
Ładna strona może dotrzeć do maszyny pusta. Cztery decyzje projektowe, które to powodują, i dlaczego nie oznacza to nudnych stron.
Case study · Marka i sklep
Rebon: marka dla produktu, którego klient nie rozumie
Daniel Hauser· 3 min czytania
Filtracja wody to produkt, przy którym klient nie wie, co właściwie kupuje. Nie zna składu swojej wody, nie rozumie różnicy między wkładami i nie ma jak ocenić, czy oferta jest dobra. Dla marki oznacza to jedno: musi odpowiedzieć, zanim zacznie mówić o sobie.
1marka od logotypu po sklep
4zestawy w jednej rodzinie wizualnej
27stron w jednolitym wyglądzie
9ikon dla tego, co znika z wody
Punkt wyjścia: żadnej marki
Rebon zaczynał od zera. Bez logotypu, bez kolorystyki, bez strony. A sprzedaje produkt, przy którym łatwo osunąć się w laboratoryjny wygląd: białe tło, niebieski, wykresy skuteczności, certyfikaty. Taki wygląd sprawia wrażenie fachowego i właśnie dlatego nie działa: klient boi się swojej wody, nie interesują go adsorbenty.
Poszliśmy w przeciwną stronę. Nie laboratorium, lecz kuchnia. Nie dowód na pierwszy rzut oka, lecz spokój.
Jeden znak, który niesie całą markę
Logotyp opiera się na jednej figurze: kropla obrysowana niebieską linią, w środku zielone pociągnięcia liścia. Woda i natura w jednym kształcie, bez podpisu pod spodem. Ten sam motyw wraca w literze O w słowie REBON, dzięki czemu marka trzyma się także tam, gdzie musi zmieścić się w kole: w awatarze, w favicon, na etykiecie.
Z tej pary kolorów wyszła cała reszta. Niebieski niesie wodę i zaufanie, zielony naturalność i to, że mowa o rozwiązaniu, a nie o chemii. Trzeciego nie dodawaliśmy.
Przy produkcie technicznym zadaniem projektu nie jest uczynić go ciekawym. Zadaniem jest uczynić go zrozumiałym, zanim ktoś się przestraszy.
Produkt na blacie, nie na białym tle
Wizualizacje produktu pokazują zestawy tam, gdzie naprawdę stoją: pod zlewem, na blacie, obok szklanki wody. Ma to powód praktyczny i treściowy. Praktyczny: od razu widać rozmiar i ile miejsca zajmie pod zlewem. Treściowy: zdjęcie odpowiada na pytanie, które pada najpierw — czy się zmieści i czy nie będzie wyglądać jak warsztat?
Ta sama zasada rządzi ikonami i schematami. Blok filtracyjny narysowano jako drogę wody, nie jako rysunek techniczny. Dziewięć rzeczy znikających z wody dostało po ikonie, żeby przegląd dało się przeczytać, zanim zacznie się czytać.
Dlaczego projekt i budowa idą razem
Projekt sklepu powstawał razem ze strukturą stron, a nie po niej. Tę różnicę widać w wyniku:
- Drogowskaz źródło wody → co rozwiązujesz → od czego zacząć jest zaprojektowany jako część strony, nie jako dodatek wstawiony później.
- Strony treściowe o wyborze filtra czy o wodzie ze studni mają własny wygląd, bo powstały równocześnie z pomysłem na nie.
- Segmenty spoza domu — biura, gastronomia, akwarystyka, domki letniskowe — mają własne wejście, a to wejście zmieściło się w projekcie, bo było przewidziane.
Stronę według projektu zbudowało siostrzane studio Developer Online na platformie Upgates. Treścią pod wyszukiwanie zajęła się Independency, która napisała własne spojrzenie na strukturę według wyszukiwania.
Wynik
Marka, która wygląda tak samo na logotypie, na zdjęciu produktu i na stronie o wodzie ze studni. I sklep, w którym człowiek dowiaduje się, co kupuje, zanim dojdzie do ceny. Cały projekt jest w referencji Rebon.
