Les Clés de Paris

Une vitrine d’exception, un outil métier dessous

Les Clés de Paris est une agence immobilière parisienne spécialisée dans les biens d’exception. Le projet ne partait pas de zéro : il fallait reprendre un existant, le moderniser, et surtout viser bien au-delà d’une simple vitrine. Le pari : un site public élégant — celui qu’on montre — adossé à un véritable outil métier — celui qui fait tourner l’agence au quotidien.

C’est l’étude de cas d’un véritable projet client : pris en charge de bout en bout, livré et opéré en production. Là où une vitrine se contente d’exister, celle-ci cache un CRM immobilier complet — et tient nos valeurs de souveraineté sur un site réel, sans rien céder.

La suite de cette page suit ce fil : d’abord ce que voit le public, puis ce qui se passe en coulisses, et enfin pourquoi tout reste maîtrisé de bout en bout.

Ce que voit le public

Côté visiteur, le site joue pleinement la carte de l’agence haut de gamme :

• Une sélection de biens d’exception, avec fiches détaillées : photos, surface, nombre de pièces, prix, diagnostic énergétique et localisation sur une carte.
• Une estimation en ligne pour amorcer le contact côté vendeur.
• Un site entièrement bilingue FR/EN, pensé pour le référencement — chaque page existe proprement dans les deux langues.

Sous la vitrine : un CRM immobilier complet

C’est là qu’est la profondeur cachée. Derrière les quelques biens visibles du public, une console d’agence pilote toute l’activité commerciale :

• Un portefeuille de biens complet : photos, références internes, types et statuts (à vendre, à louer, loué, ou off-market masqué du public), bien au-delà de ce que la vitrine expose.
• Un annuaire de contacts typés par rôle (acquéreurs, vendeurs, et les professions qui gravitent autour d’une transaction).
• Un suivi par bien : contacts liés, et un journal d’activité qui retrace messages, notes et rappels — qui a fait quoi, et quand.
• Un tableau de bord « Aujourd’hui » qui réunit l’essentiel du jour : rappels à traiter, nouveaux messages, recherches à relancer.
• Un rapprochement offre ↔ demande et l’import de leads pour ne rien laisser filer.

Les écrans d’administration ci-dessus tournent sur des données de démonstration entièrement fictives (contacts et messages inventés) : aucune donnée client réelle n’y figure.

Souveraineté par conception

C’est la marque de fabrique de ce projet : tout est montré au public, mais rien n’est confié à des services tiers. Chaque brique qui, ailleurs, appellerait un prestataire externe a été internalisée :

• La carte est auto-hébergée — moteur MapLibre et tuiles Île-de-France servies depuis notre infrastructure, sans Google Maps ni clé d’API tierce.
• La mesure d’audience tourne sur Matomo, sans cookie : des statistiques utiles, mais zéro bannière de consentement et zéro traceur tiers.
• L’hébergement est en France — à Paris, forcément, pour une agence parisienne — et les secrets sont chiffrés : les données de l’agence et de ses clients ne transitent par aucun service hors de notre maîtrise.

Sous le capot

Pour les équipes techniques, l’ensemble repose sur une base unique, full-stack :

• Application Nuxt 4 (Vue 3 + serveur Nitro), TypeScript de bout en bout.
• Données Prisma sur MariaDB — une trentaine de modèles métier, gérés par des migrations versionnées ; bilingue à colonnes appariées (un champ par langue).
• Infrastructure décrite as-code : Docker, Ansible et Caddy, avec une procédure de sauvegarde, restauration et reprise après sinistre.
• Méthode spec-driven : chaque évolution est spécifiée et tracée avant d’être codée — des dizaines de changes archivés et plus de 200 fichiers de test au compteur.

Ici, le temps a été mis au service de la qualité : chaque brique pensée, spécifiée et testée. La valeur n’est pas dans le délai, mais dans la substance — un produit complet, documenté, testé et opéré.

En résumé

Les Clés de Paris, c’est une vitrine premium qui cache un outil métier complet, livré et opéré en production, souverain de la carte jusqu’à l’hébergement. Un projet client mené sur la durée, en spec-driven, sans confier la moindre donnée à un tiers. Exactement le type de prise en charge — du besoin métier à l’infrastructure — que je peux mettre au service de votre projet.