Étude de cas · Marque et boutique

Rebon : une marque pour un produit que le client ne comprend pas

Daniel Hauser
· 3 min de lecture
Rebon : une marque pour un produit que le client ne comprend pas

La filtration d’eau est un produit dont le client ignore ce qu’il achète vraiment. Il ne connaît pas la composition de son eau, ne saisit pas la différence entre les cartouches et n’a aucun moyen de juger si une offre est bonne. Pour une marque, cela ne veut dire qu’une chose : elle doit répondre avant de parler d’elle-même.

1marque du logotype à la boutique
4ensembles dans une famille visuelle
27pages d’une seule allure
9icônes pour ce qui quitte l’eau

Point de départ : aucune marque

Rebon partait de zéro. Pas de logotype, pas de couleurs, pas de site. Et l’entreprise vend un produit où l’on glisse facilement vers un look de laboratoire : fond blanc, bleu, courbes d’efficacité, certificats. Ce look paraît expert et c’est précisément pourquoi il ne fonctionne pas : le client a peur de son eau, il ne s’intéresse pas aux adsorbants.

Nous avons pris le chemin inverse. Non pas le laboratoire mais la cuisine. Non pas la preuve au premier coup d’œil mais le calme.

Un signe qui porte toute la marque

Le logotype repose sur une seule figure : une goutte tracée d’une ligne bleue, avec à l’intérieur des traits verts de feuille. L’eau et la nature en une forme, sans légende dessous. Le même motif revient dans le O de REBON, si bien que la marque tient là où elle doit entrer dans un cercle : photo de profil, favicon, étiquette.

Tout le reste est sorti de ce couple de couleurs. Le bleu porte l’eau et la confiance, le vert le naturel et l’idée qu’il s’agit d’une solution et non de chimie. Nous n’avons rien ajouté de troisième.

Pour un produit technique, le design n’est pas là pour le rendre intéressant. Il est là pour le rendre compréhensible avant que la personne ne prenne peur.
REBON, úvodní stránka e-shopu s filtrací vody
Une goutte dans le logotype, du bleu et du vert sur toute la page, le produit sur le plan de travail. Une même langue de la marque à la photo.

Le produit sur le plan de travail, pas sur fond blanc

Les visuels produit montrent les ensembles là où ils se trouvent vraiment : sous l’évier, sur le plan de travail, à côté d’un verre d’eau. Il y a une raison pratique et une raison de fond. Pratique : on voit tout de suite la taille et la place que cela prend sous l’évier. De fond : la photo répond à la question qu’on se pose d’abord — est-ce que ça rentre, et est-ce que ça va ressembler à un atelier ?

La même règle vaut pour les icônes et les schémas. Le bloc filtrant est dessiné comme le chemin de l’eau, pas comme un plan technique. Les neuf choses qui disparaissent de l’eau ont chacune reçu une icône, pour que le panorama se lise avant qu’on commence à lire.

Pourquoi conception et construction vont ensemble

La conception de la boutique est née avec la structure des pages, pas après. Cette différence se voit dans le résultat :

  • Le repère source d’eau → ce que vous résolvez → par où commencer est conçu comme une partie de la page, pas comme un ajout glissé après coup.
  • Les pages de contenu sur le choix du filtre ou sur l’eau de puits ont une allure propre, parce qu’elles ont été dessinées en même temps qu’elles ont été pensées.
  • Les segments hors du foyer — bureaux, restauration, aquariophilie, maisons de campagne — ont leur propre entrée, et cette entrée est entrée dans la conception parce qu’elle était prévue.

Le site a été construit d’après la conception par notre studio frère Developer Online sur la plateforme Upgates. Le contenu visant la recherche a été pris en charge par Independency, qui a écrit son propre regard sur la structure selon la recherche.

Le résultat

Une marque identique sur le logotype, sur la photo du produit et sur une page consacrée à l’eau de puits. Et une boutique où l’on apprend ce que l’on achète avant d’arriver au prix. Le projet complet est dans la référence Rebon.

Un projet similaire ?

Écrivez quelques lignes sur votre besoin. Je vous réponds personnellement.

Parler du projet

Autres articles

Un site que l’IA peut lire : ce que cela change au design et à la fabrication

Un site que l’IA peut lire : ce que cela change au design et à la fabrication

Une belle page peut arriver vide à la machine. Quatre décisions de conception qui le provoquent, et pourquoi cela ne veut pas dire faire des sites ennuyeux.

Google prendra vos vidéos lui-même. La marque ne décide plus de ce qui la représente

Google prendra vos vidéos lui-même. La marque ne décide plus de ce qui la représente

Depuis le 23 octobre, Performance Max récupère jusqu'à dix vidéos de vos réseaux et de votre site pour les annonces. Ce n'est pas un réglage publicitaire, c'est de la conduite de marque.

Une marque qui supporte plusieurs marchés

Une marque qui supporte plusieurs marchés

Lors d'une expansion, c'est en général la marque qui casse avant les campagnes. Ce qui doit rester identique dans chaque pays, ce qui doit plier, et pourquoi cela se décide au premier packaging et non au cinquième marché.

Un packaging qui doit aussi tenir en vignette

Un packaging qui doit aussi tenir en vignette

La plupart des gens voient aujourd'hui un packaging pour la première fois en petit carré dans un comparateur, pas en rayon. Ce qui survit à la réduction, ce qui se perd, et pourquoi cela se décide avant le premier trait.

Fait main contre perfection de l'IA : pourquoi l'imperfection revient

Fait main contre perfection de l'IA : pourquoi l'imperfection revient

Quand tout le monde peut générer un visuel lisse, la lissité cesse de signifier le soin. Ce que cela fait aux marques, où nous laissons l'IA intervenir et où une main touche encore le papier.

Petit studio ou grande agence ? Ce que vous payez vraiment

Petit studio ou grande agence ? Ce que vous payez vraiment

Pourquoi un pro expérimenté, avec des outils modernes et un réseau de spécialistes, apporte souvent plus qu’une grande agence. Et pourquoi on revient.

L’IA accélère notre travail (mais elle n’a pas le dernier mot)

L’IA accélère notre travail (mais elle n’a pas le dernier mot)

Ce site en huit langues est né en deux jours. Comment nous travaillons avec des agents IA, ce que nous avons bâti autour, et pourquoi l’humain décide.

AXA Racing : trois marques, un site, une plateforme en quelques jours

AXA Racing : trois marques, un site, une plateforme en quelques jours

Comment nous avons réuni les données de Polaris, CFMOTO et GOES dans un site avec back-office sur mesure. Sous Next.js, première version en trois jours.