Immobilière du Perron
Le site type d'une agence immobilière : un catalogue de biens avec filtres instantanés, des fiches détaillées, une équipe et un parcours vendeur, le tout sans base de données ni abonnement.
Le contexte
Après un site de programme neuf (Le Clos Botanique), il me fallait montrer l'autre grand besoin du métier : le site d'agence classique, avec ses biens à vendre. « L'Immobilière du Perron » est une agence familiale fictive de Hannut : trois visages, trente ans d'ancienneté imaginée et un catalogue de huit biens illustrés à la main.
L'objectif
Prouver qu'un catalogue de biens filtrable (type, commune, budget, chambres) peut fonctionner sans base de données, sans plateforme payante et sans ralentir la page. Les biens vivent dans un simple fichier : en ajouter un prend deux minutes, supprimer un bien vendu, dix secondes.
Ce que le site sait faire
- Catalogue de biens avec filtres instantanés (type, commune, budget, chambres)
- Recherche rapide dès la page d'accueil
- Fiche détaillée de chaque bien en fenêtre modale
- Compteur de résultats et message « aucun bien » élégant
- Parcours vendeur en trois étapes + appel à l'estimation
- Présentation de l'équipe et témoignages clients
- Formulaire de contact prêt à brancher
- Menu mobile et mise en page adaptative
Sous le capot
HTML, CSS et JavaScript purs, zéro dépendance. Les biens sont décrits dans un tableau JavaScript lisible par n'importe qui ; les cartes, les filtres et les fiches se génèrent automatiquement à partir de là.
- Filtres combinables, résultat instantané
- Cartes accessibles au clavier (fiches ouvrables sans souris)
- Illustrations SVG dessinées à la main : légères et nettes sur tout écran
- Prêt à recevoir de vraies photos au même format
Le design
Une ambiance « maison de confiance » : bleu nuit profond, doré discret, papier crème, avec Marcellus pour les titres et Manrope pour le texte. C'est l'opposé du style végétal du Clos Botanique, et c'est voulu : chaque client mérite sa propre identité.
Votre agence mérite mieux qu'un modèle tout fait
Essayez les filtres, ouvrez une fiche, redimensionnez la fenêtre : tout est fait main et tout fonctionne.
Visiter la démo Me contacter