Immobilier · 2024 Projet personnel
BHouse
Un site d'agence immobilière conçu de la recherche utilisateur au design d'interface.
01Le besoin
BHouse imagine le site d’une agence immobilière, comme exercice complet associant UX et UI dans une même démarche.
Le secteur impose des codes exigeants : clarté, fiabilité, transparence. Un acheteur engage une décision majeure et attend d’un site qu’il inspire confiance avant de séduire. Mais ces mêmes codes produisent souvent des plateformes austères, où la recherche de bien devient laborieuse.
L’enjeu : concilier la rigueur attendue du secteur avec une expérience de navigation fluide, et transformer une visite en engagement.
L’exercice incluait la création de l’identité visuelle de l’agence, préalable indispensable au travail d’interface. Un site immobilier repose largement sur la confiance que dégage la marque avant même que l’utilisateur ait consulté un bien.
Le secteur pose ici une difficulté connue : le pictogramme de maison est le signe le plus utilisé du domaine, au point d’être devenu invisible. Le refuser complètement prive la marque d’une lecture immédiate, le reprendre tel quel la rend interchangeable.
02La réponse
La démarche a suivi les trois étapes d’un projet complet.
Une recherche utilisateur en amont. Le travail a commencé par l’identification des besoins réels des utilisateurs, avant toute décision graphique. Un site immobilier se juge à la facilité avec laquelle on y trouve un bien correspondant à des critères.
Des wireframes pour poser la structure. Le parcours et l’architecture ont été définis indépendamment du design, ce qui permet de valider la logique de navigation sans que l’esthétique masque les problèmes d’usage.
Un design d’interface au service de la confiance. La couche visuelle est venue ensuite, pour donner à l’agence une identité et renforcer son image professionnelle.
L’exercice porte sur la cohérence de l’expérience digitale plutôt que sur la seule qualité graphique.
Une identité construite avant l’interface. Le logo, la palette et les principes typographiques ont été définis en amont du design des pages. Cette antériorité garantit que l’interface applique une identité plutôt que de l’inventer au fil des écrans.
Un signe familier rendu distinctif. Plutôt que d’écarter le motif de maison, le travail a porté sur son traitement. La reconnaissance immédiate est conservée, la banalité évitée.
03Le concept
Le signe repose sur un motif de maison stylisée, réduit à sa silhouette la plus élémentaire : un carré surmonté d'un toit à deux pentes, sans porte ni fenêtre. Cette économie évite l'illustration et donne un pictogramme immédiatement lisible en petit format.
Le principe du logo tient dans un dédoublement. Deux maisons identiques se superposent en décalé, l'une en aplat terracotta, l'autre en tracé filaire noir. Le décalage crée une zone de recouvrement où les deux formes coexistent, et laisse dépasser une partie de chacune.
Cette construction produit plusieurs lectures simultanées. Le décalage évoque le mouvement d'un bien à l'autre, geste central de la recherche immobilière. Il suggère aussi une pluralité, un parc de biens plutôt qu'une maison unique. Et l'opposition entre le plein et le contour introduit une idée de transition, du projet au concret.
Le contraste de traitement porte la personnalité de la marque. L'aplat terracotta, teinte chaude empruntée à la terre cuite et à la brique, apporte la dimension domestique et rassurante qu'attend un acheteur. Le tracé fin en noir apporte la rigueur et le sérieux attendus d'un intermédiaire à qui l'on confie une transaction importante. La marque tient entre les deux.
Le logotype est composé en linéale légère, largement espacée, avec une capitale unique sur le B. Sa discrétion laisse le pictogramme porter l'identité et garantit la lisibilité du nom en petit corps.
L'ensemble fonctionne en horizontal pour l'en tête du site, et le pictogramme seul suffit en favicon ou en avatar.
—Fonctionnalités
- Recherche de biens avec filtres multicritères
- Pages de bien détaillées avec galerie
- Prise de rendez-vous pour visite
- Présentation de l'agence et des conseillers
- Version mobile


