Ce que « premium » veut vraiment dire sur un site immobilier : trois signes d'identité que je retrouve sans cesse

Toutes les agences que j'ai auditées et qui m'ont dit que leur site « faisait bon marché » pensaient que la cause était l'argent. Ce n'est presque jamais le cas. Sur les deux sites d'agences en ligne que j'ai décortiqués en détail, les problèmes d'identité n'avaient rien à voir avec le budget et tout à voir avec l'absence de règle : des décisions prises section par section, par des personnes différentes, à des moments différents, sans que personne ne décide de ce à quoi le site avait le droit de ressembler.

C'est le recadrage utile : le premium n'est pas un niveau de dépense, c'est un ensemble de contraintes. Un site paraît cher quand un petit nombre de décisions est appliqué sans exception. Il paraît bon marché quand chaque section a eu sa propre décision.

Voici les trois signes que je retrouve sans cesse, tirés de deux sites d'agences que j'ai audités et refaits, et le cahier des charges en quatre lignes que je donnerais à un designer pour éviter les trois.

D'abord, une mise en garde sur l'ordre des opérations

J'ai déjà écrit que l'identité n'est pas la première chose à corriger. Si votre bouton d'estimation est enterré dans un lien de menu, ou si votre page d'annonces débouche sur une impasse, la palette de couleurs n'est pas le bon débat. Bouchez d'abord les fuites de conversion.

Mais l'identité est aussi le poste que les clients paient le plus et précisent le moins. « Moderne », « premium », « haut de gamme » apparaissent dans presque tous les briefs que je lis, et aucun de ces mots ne dit à un designer quoi que ce soit d'actionnable. Cet article porte donc sur l'étape aprèsles fuites : ce que ces mots doivent devenir avant que quiconque puisse construire à partir d'eux.

Signe 1 : des couleurs empilées au lieu d'être hiérarchisées

Le Club Immobilier est une agence belge en activité depuis 1986. Sa page d'accueil d'origine était un empilement de blocs de couleur (vert, orange, tons bois) posés les uns après les autres sans hiérarchie entre eux.

Regardez ce que ça produit. Rien sur la page n'est lachose importante, parce que tout parle aussi fort. Le vrai atout de l'agence, un badge « 40 ANS » à côté du logo, était réduit à la taille d'un timbre dans le coin supérieur gauche, tandis qu'une vidéo YouTube « Spot radio » occupait toute une bande de la page. Ce n'est pas un problème de goût. C'est un problème de hiérarchie exprimé en couleurs.

La règle que j'applique, celle du chapitre 6 de mon guide, est volontairement étroite : deux ou trois couleurs, plus un accent, et l'accent a exactement un rôle.Pour la refonte du Club Immobilier, ça a donné un anthracite profond, du blanc et un or champagne, l'or étant réservé à l'action que je voulais voir un vendeur faire, et utilisé nulle part ailleurs.

Rien dans cette refonte ne coûte plus cher à construire que ce qu'elle remplace. Un fond anthracite coûte le même prix qu'un fond vert. Ce qu'elle a coûté, c'est une décision prise une fois, puis défendue sur chaque section.

Le test à faire aujourd'hui :ouvrez votre page d'accueil et comptez combien de couleurs font un travail, pas combien il en existe, combien portent un sens. Puis trouvez votre couleur d'accent et comptez combien d'éléments différents la portent. Si votre accent apparaît sur un séparateur décoratif, un fond de section et un bouton, il a cessé d'être un accent. Ce n'est plus qu'une couleur de plus, et votre action principale n'a plus aucun moyen de ressortir.

Signe 2 : un contraste baissé exprès, pris pour de la retenue

Le second site est celui d'Immobilière de Prestige, une agence de luxe en Belgique qui vend des villas et des biens d'exception. Celui-ci compte plus que le premier, parce que son site n'est pasun template bon marché. Il a une vraie photographie cinématographique, une recherche de biens intégrée, de vraies photos des agents. Quelqu'un y a mis de l'argent.

Et plus bas, la phrase censée expliquer pourquoi vous leur confieriez un bien d'exception est en gris pâle sur un fond presque blanc. Elle est à peine lisible. Je ne vais pas citer un ratio de contraste mesuré, parce que je ne l'ai pas mesuré : ce que mon audit a relevé, c'est ce que tout le monde constate à l'écran : il faut faire un effort pour la lire.

C'est le signe dont j'ai le plus de mal à dissuader les clients, parce qu'un faible contraste donne l'impressiondu haut de gamme. Les marques de luxe pratiquent la retenue, donc un texte pâle doit être de la retenue. Ce n'en est pas. La retenue porte sur le nombre d'éléments sur la page, pas sur la visibilité de ceux qui restent. Une publicité de luxe imprimée a un seul titre, en noir encre, à pleine intensité. Personne ne rend difficile à lire la seule phrase qu'il a gardée.

Et le contraste est la seule partie de tout cet article qui ne relève pas du goût : la lisibilité du texte a une norme publiée et objective (WCAG), ce qui en fait aussi la seule décision d'identité où « je préfère plus clair » n'est pas une position valable. C'est à la fois un échec d'accessibilité et un échec de conversion : l'argument n'est pas lu, donc l'argument ne fonctionne pas.

La direction de refonte ci-dessus est objectivement plus sobre que le site actuel (moins de sections, moins de couleurs, moins de texte), et chaque mot y est à pleine intensité.

Signe 3 : un seul template, rempli deux fois

C'est le signe que presque personne ne nomme, et c'est celui qui dit discrètement « assemblé » plutôt que « conçu ».

Sur ce même site Prestige, deux sections « processus » presque identiques se trouvent sur la même page, pour deux objectifs différents, avec la même mise en page numérotée 01/02/03. Par-dessus le marché, la section porte le libellé anglais « WORK FLOW » sur un site de luxe par ailleurs en français.

Ni l'un ni l'autre n'est une catastrophe en soi. Ensemble, ils disent quelque chose de précis sur la manière dont le site a été fait : un template a été choisi, puis rempli deux fois parce qu'il était là, et personne n'a lu la page finie de bout en bout avant sa mise en ligne. C'est ça, le vrai échec : pas le doublon, mais la relecture finale qui n'a pas eu lieu.

Les visiteurs ne se disent pas consciemment « c'est deux fois le même module ». Ils ressentent une chose plus vague : cette page se répète, donc elle n'a probablement pas été faite pour moi. Pour une agence de luxe, dont toute la promesse est un accompagnement sur mesure, c'est une impression qui coûte cher.

La règle :si deux sections d'une page partagent un template, il faut faire l'une de deux choses : les fusionner, ou vraiment les différencier. Les laisser en jumelles accidentelles n'est jamais la bonne réponse. Et un libellé dans une autre langue mérite d'être traqué, non pas parce qu'un mot anglais compte, mais parce qu'il prouve que personne n'a relu la page dans l'ordre. Quand il y en a un, il y en a généralement trois.

La partie qui ne parle pas de couleur : la typographie

La typographie, c'est là que le « premium » se gagne ou se perd le plus vite, et la règle tient en une ligne de brief : une police d'affichage ou à empattements pour les titres, une sans-serif propre pour le texte courant, et pas de troisième famille sans une raison que vous pouvez dire à voix haute.

Les titres à empattements font un travail d'autorité et d'héritage, exactement le registre dont ont besoin une agence de 40 ans ou un réseau de luxe. Une sans-serif propre fait le travail de lisibilité pour tout ce qu'un visiteur doit vraiment lire : caractéristiques, prix, libellés de formulaire, mentions légales. Pour la refonte du Club Immobilier, c'était Playfair Display avec Inter, rien de plus exotique.

Le même contenu que le mur de texte d'origine sur les valeurs de l'agence. Ce qui a changé, c'est que la hiérarchie indique maintenant quoi lire en premier, et que c'est la typographie qui fait ce travail plutôt que quatre couleurs concurrentes.

Le cahier des charges d'identité en quatre lignes

Si vous ne retenez qu'une chose de cet article pour un brief ou un devis, retenez ces quatre phrases. Elles sont courtes exprès : un prestataire chiffre ce qui est écrit, et les adjectifs flous sont chiffrés au moins cher.

1. « Le site utilise deux ou trois couleurs de base et un seul accent. La couleur d'accent sert uniquement à l'action principale, nulle part ailleurs. » Cette seule ligne évite tout le premier signe, et se vérifie à la livraison en une dizaine de secondes.
2. « Tout le texte courant respecte les normes de contraste publiées par rapport à son fond. Pas de texte gris clair décoratif sur fond clair. » Objectif, vérifiable, et non négociable pour des raisons de goût.
3. « Deux sections d'une même page n'utilisent jamais le même template de mise en page. Si deux se ressemblent, elles sont fusionnées ou explicitement différenciées. » Transforme un défaut invisible en critère de recette.
4. « Deux familles de polices au maximum : une pour les titres, une pour le texte. Toute troisième famille doit être justifiée par écrit. »La justification écrite est tout l'intérêt : elle n'interdit pas l'exception, elle la rend simplement délibérée.

Ces quatre lignes vont de pair avec les huit lignes propres à l'immobilier que j'ai publiées dans mon article sur la rédaction d'un cahier des charges et la notation des devis reçus. Ensemble, elles couvrent les deux moitiés du même problème : ce que le site doit faire, et ce à quoi il a le droit de ressembler.

Une note honnête sur les résultats :je n'ai aucune donnée de conversion isolant l'impact d'un changement d'identité à lui seul, et je ne vais pas inventer un pourcentage. Personne ne m'a fourni de statistiques avant et après sur ces deux sites, et tout chiffre que je citerais serait une supposition déguisée en preuve. Ce que je peux affirmer directement, à partir d'audits que j'ai menés moi-même : l'empilement de couleurs, le texte gris pâle et le template en double sont réels, documentés, et se trouvaient tous sur de vrais sites d'agences en ligne, dont un site de luxe qui a coûté de l'argent. Des trois, seul le contraste repose sur une norme objective. Les deux autres, je les défends au nom du métier, et vous avez le droit de ne pas être d'accord.

Si vous ne corrigez qu'une chose cette semaine

Faites une capture de votre page d'accueil, puis désaturez-la : n'importe quel éditeur d'image, n'importe quel éditeur photo sur téléphone, retirez complètement la couleur.

Regardez maintenant ce qui ressort encore. En niveaux de gris, la couleur ne peut plus faire la hiérarchie à votre place, il reste donc la vraie structure : taille, graisse, espacement, contraste. Si aucun élément n'est clairement le plus fort, vous n'avez pas un problème de couleur qu'une nouvelle palette réglerait : vous avez un problème de hiérarchie, et une nouvelle palette le reproduira avec d'autres couleurs.

Si l'élément le plus fort se révèle être autre chose que votre bouton d'estimation, vous venez de trouver un problème qui coûte plus cher qu'une question d'identité.

Hamza BenjaabaWeb designer et développeur no-code, spécialisé dans les sites d'agences immobilières et de commerces de services locaux en France et en Belgique. Les deux sites de cet article sont des sites que j'ai audités moi-même puis refaits : l'empilement de couleurs, le badge « 40 ans » de la taille d'un timbre, le texte gris pâle et le template « 01/02/03 » en double sont des choses que j'ai trouvées sur des pages en ligne, pas des illustrations inventées pour l'argument. Les captures « après » sont mon propre travail de refonte.