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

Un site d'annonces immobilières est une base de données de propriétés 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 des questions sur une propriété. Derrière se trouve une zone d'administration privée où le courtier ajoute, modifie et marque les annonces comme vendues. Vous pouvez construire une version solide avec un outil de création d'apps par IA en quelques séances, à condition de concevoir d'abord les données des annonces et de garder une première version modeste.

À qui s'adresse le site et ce qu'il doit faire

Avant de penser aux fonctionnalités, précisez le type de site que vous construisez. Ils se ressemblent, mais exigent des choses différentes.

Ce guide se concentre sur les trois premiers. Un portail à nombreux annonceurs est une place de marché à deux côtés, 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 dont chaque annonce a besoin

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

• Base : titre, statut (disponible, offre en cours, vendu ou loué), type d'annonce (vente ou location), prix et qualificatif du prix (« prix indicatif », « par mois »).
• Emplacement : adresse, secteur ou quartier, et coordonnées si vous voulez une carte. Décidez si l'adresse complète est publique; beaucoup de courtiers n'affichent que la rue ou le secteur.
• Superficie et configuration : chambres, salles de bain, superficie de plancher (et l'unité — pieds carrés ou mètres carrés), type de propriété.
• Description : un résumé pour les cartes et une description plus longue pour la page de détail.
• Caractéristiques : une liste comme stationnement, jardin, balcon, animaux admis. Enregistrez-les comme étiquettes pour qu'elles puissent devenir des filtres.
• Médias : photos dans un ordre fixe, une photo de couverture, et au besoin un plan d'étage ou une brochure en PDF.
• Champs administratifs : date de mise en vente, date de mise à jour, et le courtier responsable.

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

Décisions utiles à prendre tôt

• Devise et unités. Choisissez une devise et une unité de superficie, et précisez-le dans votre première consigne. Changer plus tard oblige à toucher chaque annonce.
• Annonces vendues. Les masquer, ou les garder avec un badge « Vendu » comme preuve d'activité? Les deux sont acceptables; décidez avant de construire la recherche.
• Location ou vente. Si vous faites les deux, faites-en un champ et un filtre principal, non deux sites distincts.

Recherche et filtres que les gens utilisent vraiment

La plupart des visiteurs arrivent avec trois questions : où, combien, quelle taille. Construisez ceux-là d'abord :

1. Emplacement — une liste déroulante des secteurs que vous couvrez fonctionne mieux qu'un texte libre pour une petite agence.
2. Fourchette de prix — minimum et maximum.
3. 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 tirés de vos étiquettes. Une vue carte est attrayante, mais non essentielle 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=north&minBeds=2), pour qu'un visiteur puisse partager ou mettre en signet une recherche, et que le bouton précédent fonctionne. Demandez-le explicitement — c'est facile à manquer autrement.

Photos : l'élément qui fait ou défait le site

Les sites immobiliers reposent sur les photos; prévoyez-les en conséquence :

• Téléverser, ne pas coller de liens. Le courtier doit téléverser les photos directement. Sur Mythex, les téléversements vont dans le stockage de fichiers du projet, activé lorsque l'app en a besoin.
• Ordre et couverture. Laissez le courtier glisser les photos dans l'ordre et choisir l'image de couverture.
• Taille. Les originaux volumineux ralentissent le site sur téléphone. Demandez que les images soient redimensionnées ou servies à des dimensions raisonnables, et utilisez le chargement différé pour la galerie.
• Texte alternatif. Une courte description par photo aide l'accessibilité et la recherche.

Le parcours de demande de renseignements

Le but du site est la demande de renseignements. Gardez-la courte : nom, courriel, téléphone (facultatif), message prérempli avec le titre de la propriété. À la soumission :

• Enregistrez-la dans la base de données, liée à l'annonce.
• Avisez le courtier par courriel. Cela exige un fournisseur de courriel comme Resend ou Postmark; voir envoyer des courriels depuis votre app.
• Affichez une confirmation claire, et envoyez au besoin une copie à la personne qui a fait la demande.

Si vous voulez que les visiteurs demandent des heures de visite, traitez-le comme une petite fonctionnalité de réservation : créneaux disponibles par annonce, demande, confirmation par le courtier. Le guide des apps de réservation explique la logique des créneaux.

La zone d'administration et les autorisations

La zone d'administration est ce qui justifie le site. Elle doit comporter :

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

Gardez des autorisations simples : dans une petite agence, chaque courtier peut modifier chaque annonce. Si vous avez besoin que « les courtiers ne modifient que les leurs », dites-le dans la consigne et vérifiez-le en vous connectant avec deux courtiers différents.

Si vos demandes deviennent un vrai pipeline de vente — suivis, é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.

Une première consigne qui fonctionne

Crée un site d'annonces immobilières pour une petite agence immobilière dans deux quartiers, North Park et Riverside. Pages publiques : une page d'accueil avec les annonces en vedette, une page de recherche avec filtres par secteur, vente ou location, fourchette de prix et minimum de chambres (filtres conservés dans l'URL), et une page de détail par propriété avec une galerie de photos, prix, chambres, salles de bain, superficie en mètres carrés, caractéristiques, description et un formulaire de demande. Les courtiers se connectent à une zone d'administration pour ajouter et modifier les annonces, téléverser et réordonner les photos, marquer une annonce comme 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, fonctionnel sur téléphone.

Elle nomme les utilisateurs, les pages, les champs, les filtres et qui peut faire quoi — et rien sur le code.

Étapes de construction

1. Commencer par les pages publiques avec des données d'exemple. Laissez l'outil créer dix annonces d'exemple réalistes pour juger des cartes, de la recherche et de la page de détail.
2. Ajouter 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. Ajouter le téléversement de photos. Téléversez un vrai ensemble de photos, réordonnez-les, définissez une couverture, vérifiez la galerie sur téléphone.
4. Brancher les demandes. Soumettez-en une, confirmez qu'elle arrive dans la boîte de réception et que le courriel au courtier parvient.
5. Bases du référencement. Chaque annonce a besoin d'un titre et d'une description uniques, d'URL lisibles (/properties/3-bed-house-riverside) et d'images de partage. Notre guide du référencement pour les sites construits avec l'IA explique pourquoi c'est plus important pour les pages d'annonces que pour la plupart des autres.
6. Tester les autorisations. Déconnectez-vous et tentez d'ouvrir directement les URL d'administration. Elles doivent rediriger vers la connexion.
7. Publier et connecter votre domaine. Les agences devraient utiliser leur propre domaine plutôt qu'un sous-domaine de l'outil.

Erreurs courantes

• Mettre les annonces dans le code. Cela fonctionne une semaine, puis le courtier 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 propriétés vendues font perdre du temps à tout le monde. Rendez le statut bien visible et filtrable.
• Photos lourdes. Une galerie de photos d'appareil en pleine résolution est lente sur les données mobiles. Redimensionnez-les.
• Aucun contenu indexable. Un site qui charge chaque annonce avec JavaScript et n'a pas de titres propres à chaque annonce est difficile à comprendre pour les moteurs de recherche. Pour les sites d'annonces, le référencement représente la plus grande part de votre trafic gratuit.
• Afficher l'adresse exacte par défaut. Décidez délibérément, surtout pour les locations et les logements occupés.
• Ne pas vérifier les règles de publication. Certains pays exigent que l'annonce d'une propriété comporte certaines mentions, comme les cotes énergétiques ou les renseignements sur les matériaux. 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

Construisez le vôtre lorsque vous voulez contrôler le design, votre propre expérience de recherche, et des annonces qui vous appartiennent plutôt que de l'espace loué sur un portail. Choisissez une solution toute faite lorsque :

• Vos annonces doivent provenir d'un SIA ou d'un flux de portail — le fournisseur du flux dispose généralement de produits web approuvés et de règles à respecter.
• Vous avez surtout besoin de visibilité. Les portails apportent des acheteurs; votre propre site convertit surtout des gens qui connaissent déjà votre nom.
• Vous avez besoin d'un arrière-bureau complet pour l'agence (baux, conformité, comptabilité). Un logiciel d'agence dédié couvre cela, et il est difficile de le reproduire correctement.

Beaucoup d'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 : décrivez le site dans le clavardage, voyez-le fonctionner dans un aperçu en direct (y compris un cadre aux dimensions d'un téléphone), et il ajoute une base de données pour les annonces et les demandes, ainsi que du stockage de fichiers pour les photos lorsque l'app en a besoin. Publiez à une adresse mythex.ai avec n'importe quel forfait, ou sur votre propre domaine avec le forfait Pro. Pour un bon départ, consultez le générateur de site immobilier par IA ou parcourez les modèles de sites web.

Questions