Tvorba web stránok Grebeci Real

ÚVOD

Pani Grebeči nás oslovila na základe referencie, ktorú dostala od nášho stáleho klienta. Našou úlohou bolo navrhnúť a zostrojiť web pre realitnú kanceláriu s napojením na exportný systém pre realitné kancelárie - Realsoft. Toto prostredie je nám už veľmi známe, keďže v našom portfóliu môžete nájsť viacero realitných webov, ktoré túto službu využívajú. Sme veľmi radi, že sa p. Grebeči rozhodla pre riešenie na mieru a nie pre krabicu. Výhodou webu na mieru sú aj v tomto prípade hlavne funkcie, ktoré v ostatných prípadoch nie sú úplným štandardom.
 

Pri tvorbe dizajnu sme vychádzali z vopred pripraveného a dodaného loga. Farebnosť tak bola jasná. Layout sme zhotovovali na základe skúseností, ktoré sme nabrali počas tvorby web stránok pre iné realitné kancelárie a išli sme štandardnou realitnou štruktúrou. Nehnuteľnosti v menu sú delené podľa typu úkonu, čiže sú rozdelené na predaj, prenájom a kúpu. Okrem toho v dropdowne v ponuke nehnuteľností nájdete aj predané nehnuteľnosti, ktoré slúžia aj ako referencia. Zobrazujú, aké nehnuteľnosti realitná kancelária predala. Aby sme ochránili dáta nových majiteľov bytu, tieto nehnuteľnosti nemajú detail. 

HOMEPAGE

Prvou časťou, ktorú podrobnejšie opíšeme v rámci frontendovej časti je práve Homepage. Tak, ako v ostatných prípadoch, tak tomu nie je inak ani v prípade tejto webstránky. Po zadaní adresy webstránky do vyhľadávania sa nám otvorí homepage-ová časť, kde v prvom rade vidíme titulnú fotografiu a v rámci nej niekoľko viet, ktoré by mali motivovať a zároveň priviesť klienta ku kúpe nehnuteľnosti. Hneď pod textom titulnej fotografie sa nachádza filter, ktorý urýchľuje a pomáha celkovému procesu nájdenia nehnuteľnosti pre návštevníka webstránky. Súčasťou tohto filtra je hneď niekoľko atribútov, a to konkrétne lokalita, v ktorej by potencionálny kupujúci mal záujem kúpiť/prenajať nehnuteľnosť, kategória nehnuteľnosti (či má záujem o byt, dom, prípadne inú nehnuteľnosť) a cena, v ktorej rozmedzí je ochotný človek nehnuteľnosť zakúpiť. Samotný filter dokáže klientovi veľmi pomôcť, pretože nielenže zúži výber nehnuteľností, ktoré by ho mohli zaujať, ale ušetrí tým aj veľa času v procese hľadania vyhovujúcej nehnuteľnosti.  

Hneď pod filtrom sú vytiahnuté najlepšie ponuky, ktorými ako realitná kancelária disponujú, ktoré by potencionálneho klienta mohli zaujať. Samozrejme tieto ponuky sú zámerne vytiahnuté v rôznom cenovom rozmedzí, rôznej rozlohy, čiže ide o pomerne rozmanitý výber nehnuteľností.  

Hneď pod top ponukami sa nachádza rozdelenie nehnuteľností, ktoré ponúkajú, a návštevník webstránky si môže kliknúť priamo na typ nehnuteľnosti, ktorá ho zaujíma. Čiže toto je taktiež snaha o zjednodušenie hľadania pre klienta. Pokiaľ už klient vie, o čo by mal záujem, môže využiť call to action tlačidlo kontaktovať, z ktorého je presmerovaný na kontaktný formulár, kde je potrebné vyplniť základné údaje ako meno, e-mailová adresa, telefónny kontakt a správa/poznámka, ktorá by mala urýchliť komunikáciu s realitnou kanceláriou, pretože môžu potencionálneho kupcu/predávajúceho osloviť, respektíve spätne kontaktovať, na základe vyplneného a už s konkrétnymi odpoveďami. Zároveň v spodnej časti homepage-u sa nachádzajú recenzie spokojných zákazníkov, čo taktiež môže usmerniť potencionálneho klienta k spolupráci s danou realitnou kanceláriou. Taktiež veľmi užitočnou súčasťou je aj mapa, ktorá poukazuje na miesto, kde presne sa realitná agentúra nachádza, spolu s kontaktnými údajmi firmy ako je e-mailová adresa, či telefónne číslo.

HEADER WEBSTRÁNKY

Základom headeru webstránky je v prvom rade logo v ľavej vrchnej časti webstránky, pričom hneď vedľa loga nájdeme podstránky ako ponuka nehnuteľností, naše služby, referencie, o nás, blog, kontakt a sociálne siete, kde je možné Grebeci real kontaktovať.  

Ponuka nehnuteľností - podstránka ponuka nehnuteľností obsahuje drop down menu, ktoré zahŕňa niekoľko ďalších podstránok, ako je predaj, prenájom, kúpa a predané nehnuteľnosti. Návštevník webstránky sa na základe toho môže rozhodnúť, ktorá webstránka ho zaujíma na základe jeho preferencii. Každá táto webstránka je založená na princípe filtra hneď vo vrchnej časti podstránky, vytiahnutých nehnuteľností spolu s cenami a mape, ktorá usmerňuje ľudí o polohe realitnej kancelárie.  

Naše služby - táto sekcia v headeri záhŕňa niekoľko podstránok, ktoré sú riešené štýlom drop down menu v headeri a po zakliknutí na konkrétnu službu, stránka presmeruje v rámci jednej podstránky klienta na danú sekciu presunutím sa po ploche podstránky.

Referencie - v časti referencii nájdeme tak isto drop down menu, keďže aj referencie rozdeľujeme na základe toho, či ide o referencie od predávajúcich, alebo od kupujúcich. Táto podstránkia je založená na samotnom texte referencie a fotografii konkrétnej nehnuteľnosti.  

O nás - v časti o nás sa môžeme dozvedieť niečo viac o založení firmy a o samotnej zakladateľke.  

Blog - v časti blog sa nachádzajú inšpiratívne články, či už o samotnej zakladateľke tejto realitnej kancelárie, alebo o iných faktoch, ktoré by mohli potencionálnemu zákazníkovi napomôcť pri kúpe nehnuteľnosti. Podstránka “blog” zobrazuje samotné nadpisy k článkom, dátumy ich uverejnenia a úvodnu fotografiu. Po rozkliknutí konrétneho článku sa zobrazí veľká titulná fotografia vo vrchnej časti podstránky, pod ňou sa nachádza samotný text a pod textom nájdeme ostatné články, ktoré sa na stránke nachádzajú.  

Kontakt - kontaktné informácie ku realitnej kancelárii nájdeme úplne jednoducho, či už v spodnej časti homepagu, alebo po zakliknutí na “kontakt” v headeri, pričom po otvorení tejto podstránky sa zobrazí e-mailová adresa, telefónny kontakt a samotná adresa realitnej kancelárie, pričom pod týmito údajmi sa nachádza aj kontaktný formulár na vyplnenie, spolu s mapou, aby potencionálny záujemca mal omnoho väčšiu predstavu, kde sídlia.  

Administrácia web stránky

Pre realitnú kanceláriu je najpodstatnejšia samotná inzercia na realitných portáloch. Na to, aby realitka nemusela využívať viacero rozhraní sme zhotovili vytváranie ponúk priamo u nás. Zozbierané dáta sa následne exportujú do Realsoftu, odkiaľ ďalej pokračujú na ostatné realitné portály. Dostupnosť tohto inzerátu na webstránke kancelárie je tak okamžitá. Po uverejnení sa môže hneď propagovať na sociálnych sieťach. Ak kancelária v minulosti už používala Realsoft tak zistí, že naše rozhranie je veľmi podobné, keďže pre export musíme polia kopírovať. Pridávame aj krátku ukážku.

V prípade, že sa nehnuteľnosť označí ako predaná, automaticky je presunutá do sekcie "Predané nehnuteľnosti". Do obrázku sa vloží ešte odznak, ktorý nesie predajný charakter. Ak je nehnuteľnosť označená ako rezervovaná, ostáva v sekcií aktuálnych ponúk, ale do obrázku sa pridá pečiatka s rezervačným charakterom. Jasne tak informuje návštevníkom hneď na prvý pohľad.

Okrem pridávanie inzerátov sa v administrácií spravuje aj sekcia blog, kde si je k článkom možné vytvárať kategórie. Vytváranie článku je veľmi jednoduché a dizajn vzhľadu je vopred naprogramovaný. Klientka mala záujem ešte spravovať sekciu "Naše služby", kde pracuje iba s textom a obrázkami. Poslednou požiadavkou na administráciu bola sekcia textových referencií, ktorá je kategoricky delená na referencie od kupujúcich a referencie od predávajúcich. Aby sme podstránky graficky zveľadili, pridali sme k referenciám obrázok.

V rámci blogov je nevyhnutné vyplniť údaje ohľadom názvu článku, autora, kategórie (do ktorej chce, aby bol článok zaradený), krátky popis, titulnú fotografiu a samotný text. Taktiež si klient môže zobraziť aj prehľad článkov , a v rámci tejto sekcie sa zobrazia všetky už vytvorené články s dátumom vytvorenia, s fotografiou a so samotným nadpisom, pričom tieto články dokáže úplne jednoducho meniť, prípadne zmazať, alebo meniť ich poradie. Zmeniť text/nadpis/fotografiu článku dokáže jedným kliknutím na ikonu pera, zmazať článok môže kliknutím na ikonu koša a skryť článok (pričom ostane zachovaný), môže jednoducho prostredníctvom ikony oka. Pokiaľ disponuje viacerými článkami na webstránke, ich poradie vie zmeniť úplne jednoducho, a to priradením čísla ku konkrétnemu článku, závisiac od toho, v akom poradí chce, aby sa články zobrazovali na webstránke.  

V sekcii editor obsahu má klient možnosť upravovať už napísané texty na jednotlivých podstránkach. V tejto časti to vyzerá podobne ako v sekcii blog, čiže buď sa zobrazí konkrétna časť “o nás”, v rámci ktorej si jednoducho zmení fotografiu a text k nej prisluchajúci. Alebo v prípade podstránok dokáže meniť ich poradie, alebo ich obsah cez už spomínané ikony.  

V administratívnej časti má nás klient prehľad aj o tom, kto má záujem o odoberanie noviniek webstránky, alebo kto zrušil tento odber a to celkom jednoducho, zobrazuje a mu dátum a e-mailová adresa osôb, ktoré buď disponujú odberom, alebo samotný odber zrušili.  

V časti nehnuteľnosti sa nachádza zoznam nehnuteľností, či ide o jej predaj, prenájom alebo kúpu, zobrazuje sa aj kategória, do ktorej je daná nehnuteľnosť zaradená (napríklad dom, byt, pod.) a samozrejme klient si môže meniť poradie zobrazovaných nehnuteľností, prípadne ich skryť, aby naďalej neboli viditeľné na webstránke, ale dokáže ich aj úplne zmazať, pokiaľ už nie sú aktuálnymi.  

Referencie, ktoré sa zobrazujú na webstránke sú taktiež súčasťou adminu, jednak náš klient má prehľad o referenciach, ktoré sa zobrazujú v rámci jeho webstránky, ale dokáže si pridávať aj nové referencie, prípadne ich meniť alebo zmazať.

Samozrejme súčasťou backendovej časti, musia byť aj základné nastavenia, zobrazovanie sociálnych sietí na webe, sekcia spravovania cookies lišty, aby si klient mohol vybrať, ktoré cookies sa budú návštevníkovi pri otvorení webstránky zobrazovať, spravovanie administrátorov, kde si vie nastaviť, kto ku backendovej časti bude mať prístup, a potom samozrejme možnosť odhlásenia sa z administratívy.