Omiel Immo

Créer un site pour une agence immobilière, c'est facile. Créer un site que l'équipe va vraiment utiliser, qui se met à jour tout seul, et qui donne envie d'appeler plutôt que de fermer l'onglet, c'est une autre affaire. C'est ce qu'on a construit pour Omiel Immo.

Le client : une agence familiale ancrée sur la Vaunage

Omiel Immo, c'est une agence immobilière indépendante basée à Langlade, dans le Gard, en plein cœur de la Vaunage. Pas de réseau national, pas de franchise derrière : une équipe à taille humaine, Séverine, Antoine, Cyril et quelques conseillers, qui connaissent leur territoire comme leur poche.

Leur réputation parle d'elle-même : 102 avis Google, tous 5 étoiles, avec des clients qui reviennent systématiquement sur les mêmes mots, la transparence, l'écoute, la réactivité. C'est ce type d'agence qu'on ne veut surtout pas habiller avec un site générique sorti d'un template.

Le problème de départ : double saisie et navigation pénible

Omiel Immo avait déjà un site web avant de nous contacter. Mais il posait deux problèmes concrets au quotidien.

Le premier était opérationnel : l'équipe utilisait Apimo, un logiciel métier immobilier, pour gérer l'ensemble de leurs biens. Mais leur site ne se connectait pas à Apimo. Résultat, chaque nouveau bien devait être saisi deux fois : une fois dans Apimo pour la gestion interne, une fois manuellement sur le site pour la publication. Une perte de temps considérable, et une source d'erreurs et d'oublis inévitables.

Le second problème était l'expérience utilisateur : le site était peu agréable à naviguer et visuellement daté. Dans un secteur où la première impression fait souvent la différence entre un appel et un clic sur "retour", c'est un frein direct à la conversion.

L'objectif du projet était donc double : supprimer définitivement la double saisie, et offrir un site à la hauteur de la réputation de l'agence.

La démarche : deux rendez-vous, une maquette, beaucoup de retours

Le projet a démarré par un premier rendez-vous mené par Kylian pour comprendre les besoins de l'équipe, leurs irritants quotidiens, et leurs inspirations visuelles. Omiel Immo avait identifié des sites qu'ils aimaient, des références concrètes à partir desquelles on pouvait travailler.

À partir de ces éléments, Julien a conçu une première maquette Figma complète. Pas un wireframe approximatif : une proposition visuelle aboutie, avec la charte graphique définie, les composants clés modélisés, et les principaux parcours utilisateurs représentés.

Le second rendez-vous a été le moment clé du projet. L'équipe d'Omiel Immo a passé la maquette en revue et a formulé beaucoup de retours, sur les proportions, les couleurs, l'organisation des pages, certains choix d'interface. C'est ce qu'on attend d'un bon client : des retours précis permettent d'arriver à quelque chose qui leur ressemble vraiment, plutôt qu'à quelque chose qui nous ressemble à nous.

Après intégration de ces retours, on est arrivé à la version finale validée, et le développement a pu démarrer.

Le design : tout sauf le logo et les couleurs

Furrball a pris en charge l'intégralité du design. Le seul cadre imposé par le client : les couleurs de la marque et le logo existant. Tout le reste, la typographie, la mise en page, les composants, la hiérarchie visuelle, les fiches biens, les formulaires, les pages services, a été conçu par Julien from scratch.

L'enjeu était de trouver un équilibre entre une esthétique professionnelle et sérieuse, cohérente avec le positionnement haut de gamme de l'agence, et une lisibilité immédiate pour un utilisateur qui parcourt des dizaines de biens en quelques minutes. Les fiches biens sont pensées pour être lues vite : surface, nombre de pièces, localisation, prix, tout ce qui compte est visible sans scroller ni chercher.

L'intégration des avis Google directement sur la page d'accueil était aussi un choix délibéré. 102 avis 5 étoiles, c'est une preuve sociale considérable. L'afficher dès la première page, c'est convertir la réputation terrain de l'agence en argument digital immédiat.

L'architecture technique : Next.js + PostgreSQL + Apimo

Kylian a développé l'ensemble du site et du backend. La stack choisie : Next.js pour le frontend et les routes API, PostgreSQL pour la base de données.

Next.js s'imposait naturellement pour ce type de projet : rendu hybride selon les pages, performances solides, déploiement simple sur l'infrastructure Furrball. Les pages de listing de biens bénéficient d'un rendu serveur pour le référencement, les fiches biens sont régénérées à la volée à chaque mise à jour.

La feature phare : la synchronisation Apimo toutes les 15 minutes

C'est le cœur technique du projet, et la solution directe au problème principal du client.

Plutôt que de connecter le site directement à l'API Apimo à chaque visite, ce qui rendrait le site dépendant de la disponibilité d'un service tiers et ralentirait chaque chargement de page, on a mis en place une synchronisation automatique toutes les 15 minutes entre Apimo et la base PostgreSQL du site.

Concrètement : un job tourne en arrière-plan, interroge l'API Apimo régulièrement, et met à jour la base locale avec les nouveaux biens, les modifications de prix, les biens passés en compromis ou vendus. Le site sert toujours ses propres données, rapides et fiables. Apimo reste la source de vérité côté agence.

Cette architecture apporte un avantage supplémentaire considérable : l'autonomie de l'agence sur sa propre vitrine. L'équipe peut masquer certains biens depuis leur espace d'administration, sans toucher à Apimo. Un bien sous compromis mais pas encore officiellement vendu, une offre qu'on veut retirer temporairement, une propriété en attente de photos correctes : tout cela se gère en un clic côté site, indépendamment de l'état du bien dans le logiciel métier.

La double saisie a complètement disparu. L'équipe rentre un bien dans Apimo, et il est publié sur le site dans les 15 minutes suivantes. Sans action supplémentaire.

Les autres features : alertes, favoris et filtres

Les alertes email permettent aux visiteurs de s'abonner à des critères de recherche (zone géographique, budget, type de bien) et d'être notifiés par email dès qu'un nouveau bien correspondant est publié. Techniquement, c'est un cron job qui tourne après chaque cycle de synchronisation Apimo : il compare les nouveaux biens apparus en base avec les alertes actives et envoie les emails pertinents. Simple, efficace, et apprécié des acheteurs qui cherchent activement.

Les favoris fonctionnent en localStorage : aucune création de compte requise, les biens sauvegardés restent disponibles à la prochaine visite sur le même appareil. C'est un choix volontaire pour ne pas créer de friction inutile. Personne ne veut créer un compte pour mettre une maison de côté.

Les filtres de recherche couvrent les critères essentiels : localisation, type de bien (vente ou location), budget, surface, nombre de pièces. Les requêtes sont traitées côté serveur pour garantir des résultats cohérents et des performances stables même sur mobile.

Ce qu'on retient

Omiel Immo est un projet qui illustre bien la valeur d'un bon cadrage initial. Deux rendez-vous, une maquette itérée, des retours précis du client : quand ce travail en amont est fait sérieusement, le développement suit naturellement et le résultat final ressemble vraiment au client, pas à une version générique de "site d'agence immobilière".

Techniquement, la synchronisation Apimo est la pièce dont on est le plus fiers. Supprimer la double saisie, c'est concret, c'est mesurable, et c'est du temps rendu à une équipe qui préfère, à juste titre, passer ses journées sur le terrain plutôt que derrière un écran à ressaisir des données.

Découvrez le résultat : omielimmo.fr