Composantes d'un thème immobilier de qualité

Depuis la création de mon premier thème WordPress immobilier en décembre 2008 et des milliers d’acheteurs plus tard, je sais maintenant ce que veulent les acheteurs et les agents immobiliers en termes de fonctionnalités et de facilité d’utilisation..

En général, chaque fois que vous vous asseyez pour lancer un nouveau thème, vous devez penser à l'utilisateur final: mettez-vous à leur place, comment vont-ils utiliser le thème, qu'est-ce qui compte le plus pour eux en termes de fonctionnalités, de design, etc.

Dans ce cas, nous parlons du secteur immobilier et, au cours de cet article, je couvrirai les points clés et les caractéristiques qui constituent le thème immobilier parfait de WordPress..


Puissant utilitaire de recherche

Supposons que vous cherchiez une maison - la première chose que vous faites lorsque vous vous trouvez sur un site est de rechercher le utilitaire de recherche, droite?

Je sais que je l'avais fait lorsque je cherchais à acheter ma première maison. Cette fonctionnalité est donc généralement la priorité numéro un. Prenez par exemple le thème WP Pro Real Estate 5: The utilitaire de recherche est au tout premier plan dans une belle couleur de fond en gras évitant à l'utilisateur de s'égarer en parcourant la page d'accueil pour trouver ce qu'il veut vraiment.

Maintenant, comment accomplissez-vous un utilitaire de recherche comme celui-ci dans votre thème??

Il existe une excellente bibliothèque de codes par Scribu appelée Query Multiple Taxonomies, identique à celle que j'utilise dans tous mes thèmes immobiliers..


Mise en page

Comme vous le savez probablement, différentes niches requièrent différents styles et mises en page. Sur le marché immobilier, vous devez vous concentrer sur quelques points principaux:

  • Chercher - Assurez-vous que votre zone de recherche est belle et haut sur la page, avec une mise en page claire et concise.
  • Annonces en vedette - Celles-ci sont importantes car la plupart des agents immobiliers souhaitent promouvoir certaines inscriptions, elles peuvent être sous forme de slider, de carrousel ou de disposition multi-colonnes..
  • Coordonnées de l'agent / du courtier - Évidemment, celui-ci est très important, je vous recommande d'utiliser une barre supérieure dans l'en-tête pour les informations de téléphone et / ou d'adresse.
  • Utilitaire grande carte - Un excellent moyen de mettre en valeur un ensemble d’annonces est d’utiliser une grande carte avec des épingles et des infobox personnalisées, ce qui donne à l’utilisateur un moyen rapide et facile de commencer immédiatement à naviguer sans avoir à chercher dans les détails. Le thème de WP Pro Real Estate 3 en est un bon exemple..
  • Témoignages - Celles-ci ne sont pas obligatoires, mais j'ai constaté que la plupart des utilisateurs préféraient les utiliser. Cela donne à l'utilisateur un sentiment de sécurité et une brève présentation de l'agent ou du courtier sur lequel il se penche. Le thème de WP Pro Real Estate 5 en est un bon exemple..
  • Zones et pieds de page facultatifs - Il est toujours bon de donner à vos utilisateurs la possibilité de disposer de nombreuses zones avec des widgets, car cela leur permet d'ajouter et de supprimer des blocs de contenu sans connaissances en matière de programmation..

Cartographie personnalisée

La cartographie fait partie intégrante d'un thème de l'immobilier, qu'il s'agisse d'une carte plus avancée sur la page d'accueil présentant un grand nombre d'annonces en vedette avec des épingles personnalisées et des fenêtres d'informations, ou du style standard utilisé sur les annonces individuelles pour un seul emplacement..


Coordonnées de l'agent et du courtier

Ok, alors vous avez trouvé la maison idéale - quelle est la prochaine étape? Contacter l'agent ou le courtier bien sûr. Ce que j'ai fait est créé Informations sur l'agent et Informations sur le courtier widgets. Cela permet à l’agent / au courtier de placer ses informations de contact dans l’une des 10 zones prêtes pour le widget, mais il peut les placer dans l’ensemble des 10 s’il le souhaite - en s’assurant qu’il ne perdra pas cette vente..


Conception sensible

De nos jours, l'utilisation des appareils mobiles est énorme, de plus en plus de gens naviguent sur Internet à l'aide de téléphones intelligents et de tablettes..

Responsive Web Design (RWD) est une approche de la conception Web dans laquelle un site est conçu pour offrir une expérience visuelle optimale - lecture et navigation faciles avec un minimum de redimensionnement, de panoramique et de défilement - sur un large éventail de périphériques, à partir d'un ordinateur de bureau. moniteurs aux tablettes et téléphones mobiles.

Vous pouvez voir un excellent exemple de cela dans le thème WP Pro Real Estate 5 lié ci-dessus. Utilisez une application de scanner de code QR sur votre appareil mobile pour y accéder.!


Annonces en vedette

Tous les agents ou toutes les maisons de courtage auront quelques annonces à présenter en priorité sur la page d'accueil, en haut de la zone de recherche de l'annonce ou dans l'une des nombreuses zones de la barre latérale..

En regardant le thème de WP Pro Real Estate 5, vous pouvez voir un bel ensemble d’annonces en vedette sur la page d’accueil, puis un endroit en vedette au-dessus des résultats de la recherche par liste. Il y a aussi un widget d'annonces très flexible inclus où un utilisateur peut choisir parmi les nombreux types de taxonomie (type de propriété, statut, lits, salles de bains, ville, état, code postal / zip), puis définir un certain tag pour en extraire choisirais le Statut et l'étiquette de En vedette, puis définissez le nombre qu'ils aimeraient afficher.


Modèle de détail de la liste

Un autre élément important est le détail de la liste ou un seul modèle. Il doit s'agir d'une belle mise en page compacte et ciblée. La hiérarchie des éléments que j'ai trouvé fonctionner le mieux est la suivante:

  • Sous en-tête
    1. Chapelure
    2. Annonce précédente / suivante Navigation
  • Zone de contenu principale
    1. Adresse, ville, état, code postal
    2. Prix
    3. Lit, Bain, Pieds carrés ou M2, MLS ou ID #
    4. Curseur d'images
    5. Description de la liste (contenu du message)
    6. Caractéristiques de la liste
    7. Localisation (Google Maps)
  • Barre latérale (widgets)
    1. Informations sur l'agent
    2. Info courtier
    3. Calculateur d'hypothèque
    4. Demander une visite (formulaire de contact)
    5. Agents Autres Annonces

Voici un exemple de tous ces éléments.


Modèle d'agent

Le modèle d'agent - ou author.php - est un excellent moyen de présenter les informations de contact et la bio, avec une grande carte des inscriptions de cet agent. C’est exactement ce qui est fait dans le thème WP Pro Real Estate 5 présenté ci-dessous, ou regardez l’exemple en direct..


Options de mise en page et de personnalisation

Ce n'est pas tellement spécifique à l'immobilier mais est un aspect important de tout thème. Ne laissez pas votre utilisateur coincé dans une seule disposition, offrez-lui des options. Par exemple, dans WP Pro Real Estate 4, j'ai inclus des dispositions de colonne de gauche, de colonne de droite et de trois colonnes pouvant être choisies par page, par section (recherche de liste et par base) ou généralement sur l'ensemble du site..

Qu'il s'agisse de télécharger un logo personnalisé ou de créer un skin personnalisé, vous devez permettre à vos utilisateurs de personnaliser facilement leur thème pour répondre à leurs besoins spécifiques. Jetez un oeil à l'exemple ci-dessous, j'ai construit un cadre d'administration étendu pour permettre toutes sortes d'options et de possibilités de thèmes..

Il existe des tonnes d'excellents cadres d'administration. mais deux que je peux personnellement recommander sont SMOF et Redux.


Conclusion

J'espère que vous avez trouvé ces points et suggestions utiles et je vous ai inspiré pour créer votre propre thème WordPress immobilier parfait!