Comment créer un site d'annonces immobilières

Un site d'annonces immobilières est une base de données de biens avec une façade publique : une page pour chaque annonce, une recherche avec filtres, et un moyen pour les acheteurs ou les locataires de poser une question sur un bien. Derrière, un espace d'administration privé permet à l'agent d'ajouter, de modifier et de marquer les annonces comme vendues. Vous pouvez créer une version solide avec un créateur d'applications par IA en quelques sessions, à condition de concevoir d'abord les données des annonces et de garder une première version réduite.

Pour qui est le site, et ce qu'il doit faire

Avant de penser aux fonctionnalités, précisez le type de site que vous créez. Ils se ressemblent mais n'ont pas les mêmes besoins.

Ce guide se concentre sur les trois premiers. Un portail avec de nombreux annonceurs est une place de marché à deux faces, un problème différent ; voir comment créer une place de marché et comment créer un site d'annuaire si c'est ce que vous avez en tête.

Les données de chaque annonce

Les données d'annonces sont le cœur du site. Si les champs sont bons, la recherche, les cartes et les pages de détail suivent. Un jeu de départ pratique :

• Informations de base : titre, statut (disponible, sous offre, vendu/loué), type d'annonce (vente ou location), prix et qualificatif du prix (« prix indicatif », « par mois »).
• Localisation : adresse, quartier, et coordonnées si vous voulez une carte. Décidez si l'adresse complète est publique ; beaucoup d'agents n'affichent que la rue ou le quartier.
• Surface et agencement : chambres, salles de bain, surface habitable (et l'unité — mètres carrés ou pieds carrés), type de bien.
• Description : un résumé pour les cartes et une description plus longue pour la page de détail.
• Caractéristiques : une liste comme parking, jardin, balcon, animaux acceptés. Stockez-les comme étiquettes afin qu'elles puissent devenir des filtres.
• Médias : photos dans un ordre fixe, une photo de couverture, et éventuellement un plan ou une brochure en PDF.
• Champs d'administration : date de mise en ligne, date de mise à jour, et agent responsable de l'annonce.

Les demandes de renseignements forment une deuxième table : nom, e-mail, téléphone, message, annonce concernée et date. Si vous prévoyez des visites, une troisième table contient les créneaux demandés.

Décisions utiles à prendre tôt

• Devise et unités. Choisissez une devise et une unité de surface, et dites-le dans votre premier prompt. Changer plus tard oblige à toucher chaque annonce.
• Biens vendus. Les masquer, ou les conserver avec un badge « Vendu » comme preuve d'activité ? Les deux options sont valables ; décidez-le avant de construire la recherche.
• Location ou vente. Si vous faites les deux, faites-en un champ et un filtre principal, et non deux sites séparés.

La recherche et les filtres que les gens utilisent vraiment

La plupart des visiteurs arrivent avec trois questions : où, combien, quelle taille. Construisez-les en premier :

1. Localisation — une liste déroulante des secteurs couverts fonctionne mieux qu'un texte libre pour une petite agence.
2. Fourchette de prix — minimum et maximum.
3. Nombre de chambres — un minimum.
4. Vente ou location, si vous faites les deux.

Ajoutez ensuite le tri (plus récent, prix croissant, prix décroissant) et, si vous avez assez d'annonces pour le justifier, des filtres de caractéristiques issus de vos étiquettes. Une vue carte est attrayante mais pas indispensable pour une première version ; une carte statique sur chaque page de détail suffit souvent.

Placez les filtres dans l'URL (par exemple /properties?area=nord&minBeds=2), pour qu'un visiteur puisse partager ou enregistrer une recherche et que le bouton retour fonctionne. Demandez-le explicitement — c'est facile à rater sinon.

Les photos : ce qui fait ou défait le site

Les sites immobiliers vivent de leurs photos ; prévoyez-les :

• Téléverser, ne pas coller de liens. L'administration doit téléverser les photos directement. Sur Mythex, les envois vont dans le stockage de fichiers du projet, activé lorsque l'application en a besoin.
• Ordre et couverture. Laissez l'agent réordonner les photos par glisser-déposer et choisir la photo de couverture.
• Taille. Les originaux lourds ralentissent le site sur téléphone. Demandez le redimensionnement des images ou leur service à des tailles raisonnables, et utilisez le chargement différé dans la galerie.
• Texte alternatif. Une courte description par photo aide l'accessibilité et le référencement.

Le parcours de demande

L'intérêt du site est la demande de renseignements. Gardez-la courte : nom, e-mail, téléphone (facultatif), message prérempli avec le titre du bien. À l'envoi :

• Enregistrez-la dans la base de données, rattachée à l'annonce.
• Prévenez l'agent par e-mail. Cela nécessite un fournisseur d'e-mails comme Resend ou Postmark ; voir envoyer des e-mails depuis votre application.
• Affichez une confirmation claire, et envoyez éventuellement une copie à la personne qui a fait la demande.

Si vous voulez que les visiteurs demandent des créneaux de visite, traitez cela comme une petite fonctionnalité de réservation : créneaux disponibles par annonce, demande, puis confirmation par l'agent. Le guide de l'application de réservation détaille la logique des créneaux.

L'espace d'administration et les droits

L'espace d'administration est ce qui fait la valeur du site. Il lui faut :

• Une connexion, pour que seuls les agents puissent y accéder.
• Un tableau des annonces avec statut, prix et date, et des actions rapides (modifier, marquer vendu, masquer).
• Un formulaire d'annonce avec envoi de photos.
• Une boîte de réception des demandes, filtrable par annonce, avec un indicateur « traité ».

Gardez des droits simples : dans une petite agence, chaque agent peut modifier chaque annonce. Si vous avez besoin que « les agents ne modifient que les leurs », dites-le dans le prompt et testez en vous connectant comme deux agents différents.

Si vos demandes deviennent un vrai pipeline commercial — relances, étapes, notes — c'est un CRM. Commencez par la boîte de réception et lisez comment créer un CRM lorsque vous la dépasserez.

Un premier prompt qui fonctionne

Crée un site d'annonces immobilières pour une petite agence avec deux quartiers, North Park et Riverside. Pages publiques : une page d'accueil avec des annonces en vedette, une page de recherche avec filtres par secteur, vente ou location, fourchette de prix et nombre minimum de chambres (filtres conservés dans l'URL), et une page de détail par bien avec une galerie de photos, prix, chambres, salles de bain, surface en mètres carrés, caractéristiques, description et un formulaire de demande. Les agents se connectent à un espace d'administration pour ajouter et modifier des annonces, téléverser et réordonner les photos, marquer une annonce sous offre ou vendue, et voir les demandes par annonce. Enregistre tout dans une base de données. Prix en livres sterling. Design propre et calme, bien utilisable sur téléphone.

Il nomme les utilisateurs, les pages, les champs, les filtres et ce que chacun peut faire — et rien sur le code.

Étapes de construction

1. Commencez par les pages publiques avec des données d'exemple. Laissez le créateur générer dix annonces d'exemple réalistes pour juger des cartes, de la recherche et de la page de détail.
2. Ajoutez la base de données et l'administration. Déplacez les annonces dans la base de données, puis ajoutez la connexion et les écrans d'administration. Ajoutez vous-même une annonce, de bout en bout.
3. Ajoutez le téléversement de photos. Téléversez un vrai jeu de photos, réordonnez-les, choisissez une couverture, vérifiez la galerie sur téléphone.
4. Branchez les demandes. Envoyez-en une, vérifiez qu'elle arrive dans la boîte de réception et que l'e-mail de l'agent part.
5. Bases du référencement. Chaque annonce a besoin d'un titre et d'une description uniques, d'URL lisibles (/properties/3-chambres-maison-riverside) et d'images de partage. Notre guide SEO pour les sites créés avec l'IA explique pourquoi cela compte davantage pour les pages d'annonces que pour la plupart des sites.
6. Testez les droits. Déconnectez-vous et essayez d'ouvrir directement les URL d'administration. Elles doivent renvoyer vers la connexion.
7. Publiez et connectez votre domaine. Les agences doivent utiliser leur propre domaine plutôt qu'un sous-domaine du créateur.

Erreurs courantes

• Mettre les annonces dans le code. Cela fonctionne une semaine, puis l'agent a besoin d'un développeur pour changer un prix. Utilisez une base de données dès le départ.
• Oublier l'état « vendu ». Les visiteurs qui demandent des renseignements sur des biens vendus font perdre du temps à tout le monde. Rendez le statut visible et filtrable.
• Des photos trop lourdes. Une galerie de photos d'appareil en pleine résolution est lente en données mobiles. Redimensionnez-les.
• Aucun contenu indexable. Un site qui charge chaque annonce en JavaScript, sans titres propres à chaque annonce, est difficile à comprendre pour les moteurs de recherche. Pour les sites d'annonces, le SEO représente l'essentiel de votre trafic gratuit.
• Afficher l'adresse exacte par défaut. Décidez-le en connaissance de cause, surtout pour les locations et les logements occupés.
• Ne pas vérifier les règles applicables aux annonces. Certains pays imposent des mentions obligatoires dans une annonce immobilière, comme les diagnostics de performance énergétique ou les informations sur les biens. Vérifiez ce qui s'applique à vous.

Coûts et outils

Pour une petite agence, les éléments de fonctionnement sont :

Quand un produit prêt à l'emploi est le meilleur choix

Créez le vôtre lorsque vous voulez maîtriser le design, votre propre expérience de recherche, et des annonces qui vous appartiennent plutôt que de la place louée sur un portail. Choisissez une solution prête à l'emploi lorsque :

• Vos annonces doivent provenir d'un MLS ou d'un flux de portail — le fournisseur du flux dispose en général de produits web agréés et de règles à respecter.
• Vous cherchez surtout de la visibilité. Les portails apportent des acheteurs ; votre propre site convertit surtout des personnes qui connaissent déjà votre nom.
• Vous avez besoin d'un back-office complet d'agence (baux, conformité, comptabilité). Les logiciels d'agence dédiés couvrent cela, et il est difficile de le reproduire correctement.

De nombreuses agences font les deux : elles publient sur les portails pour la portée, et gardent leur propre site pour leur image de marque et les demandes directes.

Le construire avec Mythex

Mythex convient bien à ce projet : vous décrivez le site dans le chat, le voyez fonctionner dans un aperçu en direct (y compris un cadre au format téléphone), et il ajoute une base de données pour les annonces et les demandes, ainsi qu'un stockage de fichiers pour les photos lorsque l'application en a besoin. Publiez sur une adresse mythex.ai quelle que soit l'offre, ou sur votre propre domaine avec l'offre Pro. Pour un bon départ, consultez le créateur de site immobilier par IA ou parcourez les modèles de sites web.

Questions