Případová studie · Značka a e-shop

Rebon: značka pro produkt, kterému zákazník nerozumí

Daniel Hauser
· 3 min čtení
Rebon: značka pro produkt, kterému zákazník nerozumí

Filtrace vody je produkt, u kterého zákazník netuší, co vlastně kupuje. Nezná složení své vody, nerozumí rozdílu mezi vložkami a nemá, jak posoudit, jestli je nabídka dobrá. Pro značku to znamená jediné: musí odpovídat dřív, než začne mluvit o sobě.

1značka od logotypu po e-shop
4sestavy v jedné vizuální řadě
27stránek v jednotném vzhledu
9ikon pro to, co z vody mizí

Výchozí stav: žádná značka

Rebon začínal od nuly. Žádný logotyp, žádná barevnost, žádný web. Zároveň prodává produkt, u kterého se snadno sklouzne k laboratornímu vzhledu — bílé pozadí, modrá, grafy účinnosti, certifikáty. Takový vzhled působí odborně a přesně proto nefunguje: zákazník má strach z vody, ne zájem o adsorbenty.

Rozhodli jsme se jít opačným směrem. Ne laboratoř, ale kuchyně. Ne důkaz na první pohled, ale klid.

Jeden znak, který nese celou značku

Logotyp stojí na jedné figuře: kapka obtažená modrou linkou, uvnitř zelené tahy listu. Voda a příroda v jednom tvaru, bez vysvětlivky pod ním. Stejný motiv se vrací v písmenu O ve slově REBON, takže značka drží i tam, kde se musí vejít do kolečka — v profilovce, ve faviconu, na štítku.

Z téhle dvojice barev vyšel celý zbytek. Modrá nese vodu a důvěru, zelená přírodnost a to, že jde o řešení, ne o chemii. Nic třetího jsme nepřidávali.

U technického produktu není úkolem designu udělat ho zajímavým. Úkolem je udělat ho srozumitelným dřív, než se člověk lekne.
REBON, úvodní stránka e-shopu s filtrací vody
Kapka v logotypu, modrá a zelená v celé stránce, produkt na kuchyňské lince. Jedna řeč od značky po fotku.

Produkt na lince, ne na bílém pozadí

Produktové vizualizace ukazují sestavy tam, kde opravdu stojí: pod dřezem, na kuchyňské lince, vedle sklenice vody. Má to praktický důvod i obsahový. Praktický: zákazník hned vidí velikost a kolik to zabere místa pod dřezem. Obsahový: fotka odpovídá na otázku, kterou si člověk klade jako první — vejde se mi to a nebude to vypadat jako dílna?

Stejné pravidlo platí pro ikony a schémata. Filtrační blok je nakreslený jako cesta vody, ne jako technický výkres. Devět věcí, které z vody mizí, dostalo každé svou ikonu, aby se dal přehled přečíst dřív, než se začne číst.

Proč design a stavba patří k sobě

Návrh e-shopu vznikal spolu se strukturou stránek, ne po ní. To je rozdíl, který se na výsledku pozná:

  • Rozcestník zdroj vody → co řešíte → kde začít je navržený jako část stránky, ne jako doplněk vložený později.
  • Obsahové stránky k výběru filtru nebo k vodě ze studny mají vlastní vzhled, protože vznikly zároveň s tím, jak byly vymyšlené.
  • Segmenty mimo domácnost — kanceláře, gastro, akvaristika, chaty — mají vlastní vstup, a ten vstup se do návrhu vešel, protože se s ním počítalo.

Web podle návrhu postavilo sesterské studio Developer Online na platformě Upgates. Obsah mířený na vyhledávání řešila Independency, která o tom napsala vlastní pohled na strukturu podle hledání.

Výsledek

Značka, která vypadá stejně na logotypu, na fotce produktu i na stránce o vodě ze studny. A e-shop, kde se člověk dozví, co kupuje, dřív než se dostane k ceně. Celý projekt je v referenci Rebon.

Máte podobný projekt?

Napište pár vět o tom, co potřebujete. Ozvu se osobně.

Probrat projekt

Další články

Web, který AI přečte: co to znamená pro design a stavbu

Web, který AI přečte: co to znamená pro design a stavbu

Hezká stránka může stroji dorazit prázdná. Čtyři návrhářská rozhodnutí, kvůli kterým se to stává, a proč to neznamená dělat nudné weby.

Google si vaše videa vezme sám. Značka přestává rozhodovat, co ji reprezentuje

Google si vaše videa vezme sám. Značka přestává rozhodovat, co ji reprezentuje

Od 23. října si Performance Max sám vytáhne až deset videí z vašich sociálních sítí a webu a dá je do reklamy. Není to nastavení reklamy, je to otázka vedení značky.

Značka, která snese víc trhů

Značka, která snese víc trhů

Při expanzi se obvykle rozbije značka dřív než kampaně. Co musí zůstat ve všech zemích stejné, co se naopak musí ohnout a proč se o tom rozhoduje u prvního obalu, ne u pátého trhu.

Obal, který musí fungovat i jako náhled velikosti nehtu

Obal, který musí fungovat i jako náhled velikosti nehtu

Většina lidí dnes uvidí obal poprvé jako malý čtvereček ve výpisu srovnávače, ne v regále. Co z návrhu zmenšení přežije, co se ztratí a proč to musíte rozhodnout dřív, než se začne kreslit.

Ručně dělané proti AI dokonalému: proč se nedokonalost vrací

Ručně dělané proti AI dokonalému: proč se nedokonalost vrací

Když umí hladký vizuál vygenerovat každý, přestává hladkost znamenat péči. Co to dělá se značkami, kde ve studiu pouštíme AI ke slovu a kde naopak sahá na papír ruka.

Malé studio, nebo velká agentura? Co doopravdy platíte

Malé studio, nebo velká agentura? Co doopravdy platíte

Proč jeden zkušený člověk s moderními nástroji a sítí specialistů často dodá víc než velká agentura. A proč se klienti vracejí i po letech.

Jak AI zrychluje naši práci (a kde ji nepouštíme ke slovu)

Jak AI zrychluje naši práci (a kde ji nepouštíme ke slovu)

Tento web v osmi jazycích vznikl za dva dny. Ukazujeme, jak ve studiu pracujeme s AI agenty, co jsme si kolem nich postavili a proč každé rozhodnutí dělá člověk.

AXA Racing: tři značky, jeden web a vlastní platforma za pár dní

AXA Racing: tři značky, jeden web a vlastní platforma za pár dní

Jak jsme pro dealera Polaris, CFMOTO a GOES sjednotili data tří značek do jednoho webu s vlastní administrací. Postaveno na Next.js, první verze za tři dny.