Projet démonstratif
ALMA IMMO
Démonstration de refonte pour une agence immobilière : recherche de biens, fiches détaillées, estimation, espace vendeur et carte du secteur, construits à partir d'annonces publiques importées une seule fois.
- Statut
- Projet démonstratif
- Secteur
- Immobilier — agence locale
- Année
- 2026
- En ligne
- alma-immo-demo.vercel.app
Projet démonstratif. Concept démonstratif indépendant — non affilié à l'entreprise. Maquette de présentation conçue par Roman Gomes, sans commande ni partenariat : L'agence ALMA IMMO n'est pas présentée ici comme une référence client. Les annonces proviennent d’un relevé public ponctuel et ne sont pas tenues à jour.
Fig. A — Bureau, 1440 × 900Fig. B — Mobile, 390 × 844
01Point de départ
Le problème
Le site d'une agence immobilière repose souvent sur une plateforme standard : les annonces y sont, mais l'identité de l'agence, son territoire et ses services aux propriétaires passent au second plan.
02Cap
L’objectif
Mettre les biens et le territoire au premier plan, guider acheteurs, vendeurs et bailleurs vers la bonne démarche, et préparer le branchement futur d'un logiciel de transaction sans refaire l'interface.
03Ce que j’ai construit
La solution
Un parcours par intention : acheter, louer, vendre, estimer, mettre en location, avec favoris et fiches de biens détaillées.
28 annonces importées depuis un instantané public, photos converties en AVIF et WebP en plusieurs tailles, textes alternatifs rédigés photo par photo.
Une carte du secteur en SVG, construite à partir de données publiques ouvertes (geo.api.gouv.fr, IGN, DVF).
Une couche d'accès aux biens isolée : brancher un CRM ou une API revient à fournir une autre implémentation du même modèle, sans toucher à l'interface.
Des animations en CSS pilotées par le défilement, avec repli sans effet. Pas de WebGL, par choix : aucune donnée 3D réelle n'était disponible, donc aucune géométrie inventée.
Des formulaires vérifiés côté serveur par une route API, une mesure d’audience soumise au consentement, des redirections prévues pour les anciennes adresses.
04Fiche technique
Technologies
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- sharp (AVIF / WebP)
- SVG
- Données ouvertes (IGN, DVF)
05Ce qui est livré
Le résultat
- Une démonstration en ligne, non indexée, avec un bandeau « site de démonstration » ; les formulaires sont vérifiés mais rien n’est transmis.
- 28 annonces, des fiches détaillées, des pages par zone, des conseils, les honoraires, l’estimation et un espace vendeur.
- Une chaîne d'import et de traitement d'images reproductible par scripts.
- Un garde-fou de production et une documentation de validation et de mise en ligne livrés avec le code.
Aucun chiffre d’audience ou de ventes ici : une démonstration n’en produit pas. Ce qui compte se vérifie en ouvrant le site.
Voir la démonstration en ligne (nouvel onglet)
Votre projet
Votre projet mérite le même soin.
Décrivez votre activité et votre objectif en quelques lignes. Je reviens vers vous avec une première lecture de votre projet et une proposition claire.