Componenti di un tema immobiliare di qualità

Da quando ho creato il mio primo tema WordPress per il settore immobiliare nel dicembre del 2008, e migliaia di acquirenti in seguito, sono cresciuto per sapere cosa vogliono gli acquirenti e gli agenti immobiliari in termini di funzionalità e facilità d'uso.

In generale, ogni volta che ti siedi per un brainstorming di un nuovo tema, devi pensare all'utente finale: mettiti nei loro panni, come useranno il tema, cosa è più importante per loro in termini di funzionalità, design, eccetera.

In questo caso stiamo parlando del settore immobiliare, e nel corso di questo articolo, tratterò i punti chiave e le caratteristiche che compongono il tema WordPress perfetto per l'immobiliare.


Potente utility di ricerca

Dì che stai cercando una casa - la prima cosa che fai quando sei su un sito è cercare il utilità di ricerca, destra?

So che ho fatto quando stavo cercando di comprare la mia prima casa, quindi questa funzione è solitamente la priorità numero uno. Prendi il tema WP Pro Real Estate 5 ad esempio: The utilità di ricerca è in primo piano e al centro in un bel colore di sfondo in grassetto che impedisce all'utente di perdersi perlustrando la homepage per quello che realmente desidera.

Ora, come realizzi un'utilità di ricerca come questa nel tuo tema?

C'è una grande libreria di codici di Scribu chiamata Query Multiple Taxonomies, che è la stessa che uso in tutti i miei temi immobiliari.


Layout della home page

Come probabilmente saprai, diverse nicchie richiedono stili e layout della homepage diversi. Nel mercato immobiliare ci sono alcune cose principali su cui ti vuoi concentrare:

  • Ricerca - Assicurati che l'area di ricerca sia bella e in alto nella pagina, con un layout chiaro e conciso.
  • Annunci in primo piano - Questi sono importanti in quanto la maggior parte degli agenti immobiliari desidera promuovere determinati elenchi, possono essere sotto forma di slider, carosello o layout a più colonne.
  • Informazioni di contatto agente / broker - Ovviamente questo è molto importante, raccomando di utilizzare una barra superiore nell'intestazione per informazioni su telefono e / o indirizzo.
  • Utility mappa di grandi dimensioni - Un ottimo modo per mostrare una serie di elenchi consiste nell'utilizzare una mappa di grandi dimensioni con pin e informazioni personali personalizzati, offrendo all'utente un modo rapido e semplice per iniziare immediatamente la navigazione senza dover cercare su specifiche. Un grande esempio di questo in azione è il tema WP Pro Real Estate 3.
  • Testimonianze - Questi non sono necessari, ma ho trovato che molte persone amano davvero usarli, dà all'utente un senso di sicurezza e un breve background sull'agente o sul broker che stanno esaminando. Un ottimo esempio di questo in azione è il tema WP Pro Real Estate 5.
  • Piè di pagina e area piè di pagina opzionali - È sempre opportuno consentire agli utenti la flessibilità di disporre di numerose aree di widget in quanto ciò consente loro di aggiungere e rimuovere blocchi di contenuto senza conoscenze di codifica.

Mappatura personalizzata

La mappatura è una parte enorme di un tema immobiliare, sia che si tratti di una mappa più avanzata sulla home page che mostra un elenco di annunci in primo piano con pin personalizzati e finestre informative, o lo stile standard nei singoli elenchi che fissano solo una singola posizione.


Informazioni di contatto dell'agente e del broker

Ok, quindi hai trovato la casa perfetta - qual è il prossimo passo? Contattare l'agente o il broker, ovviamente. Quello che ho fatto è stato creato Informazioni sull'agente e Informazioni sul broker widgets. Ciò consente all'agente / broker di inserire le proprie informazioni di contatto in una qualsiasi delle 10 aree di widget pronto, non importa se possono inserirle tutte e 10 se lo desiderano, assicurandosi che non perderanno la vendita.


Design reattivo

In questi giorni, l'utilizzo di dispositivi mobili è enorme, sempre più persone navigano in Internet mentre si usano smartphone e tablet.

Il responsive web design (RWD) è un approccio al web design in cui un sito è realizzato per offrire un'esperienza visiva ottimale - facile lettura e navigazione con un minimo di ridimensionamento, panning e scorrimento - su una vasta gamma di dispositivi, dal computer desktop monitor per tablet e telefoni cellulari.

Puoi vedere un ottimo esempio di questo nel tema WP Pro Real Estate 5 linkato sopra. Utilizzare un'app scanner codice QR sul dispositivo mobile per verificarlo!


Annunci in primo piano

Qualsiasi agente o intermediario avrà alcuni elenchi che vorranno posizionare in primo piano nella home page, nella parte superiore dell'area di ricerca dell'elenco o in una delle numerose aree della barra laterale..

Dai uno sguardo al tema WP Pro Real Estate 5 puoi vedere un bel set di annunci in primo piano sulla home page, quindi un punto in primo piano in cima ai risultati della ricerca. C'è anche un widget di elenchi molto flessibile incluso dove un utente può scegliere tra i molti tipi di tassonomia (tipo di proprietà, stato, letti, bagni, città, stato, codice postale / codice postale) quindi impostare un determinato tag da cui estrarre, in questo caso sceglierei il Stato e il tag di In primo piano, quindi imposta il numero che desiderano visualizzare.


Elenco modello di dettaglio

Un altro elemento importante è il dettaglio dell'elenco o un singolo modello, questo deve essere un layout curato e focalizzato. La gerarchia di elementi che ho trovato per funzionare meglio è la seguente:

  • Sottotitolo
    1. Briciole di pane
    2. Navigazione elenco precedente / successivo
  • Area del contenuto principale
    1. Indirizzo, città, stato, CAP / CAP
    2. Prezzo
    3. Letto, bagno, Sq Ft o M2, MLS o ID #
    4. Slider di immagini
    5. Descrizione dell'elenco (post contenuto)
    6. Elenco delle caratteristiche
    7. Posizione (Google Maps)
  • Barra laterale (widget)
    1. Informazioni sull'agente
    2. Informazioni sul broker
    3. Calcolatore di ipoteca
    4. Richiedi una presentazione (modulo di contatto)
    5. Agenti Altri elenchi

Ecco un esempio di tutti questi elementi.


Modello di agente

Il modello di agente - o author.php - è un ottimo modo per mostrare contatti e informazioni biografiche, insieme a una grande mappa delle inserzioni di quell'agente. Questo è esattamente ciò che viene fatto nel tema WP Pro Real Estate 5 mostrato sotto, o vedere l'esempio dal vivo.


Opzioni di layout e personalizzazione

Questo non è tanto specifico immobiliare, ma è un aspetto importante di qualsiasi tema. Non lasciare che il tuo utente rimanga bloccato in un unico layout, offri loro opzioni. Ad esempio, in WP Pro Real Estate 4, ho incluso colonna a sinistra, colonna a destra e tre layout di colonne che possono essere scelti in base a una pagina, per sezione (elenco di ricerca e singolo) o generalmente a livello di sito.

Che si tratti di caricare un logo personalizzato o di creare uno skin personalizzato, è necessario consentire agli utenti di personalizzare facilmente il proprio tema in base alle proprie esigenze specifiche. Dai un'occhiata all'esempio qui sotto, ho creato un ampio framework di amministrazione per consentire tutti i tipi di opzioni e possibilità per i temi.

Ci sono tonnellate di grandi quadri di amministrazione là fuori. ma due che posso consigliare personalmente sono SMOF e Redux.


Conclusione

Spero che tu abbia trovato questi punti e suggerimenti utili e ti ho ispirato a continuare a creare il tuo tema WordPress perfetto!