Web pre developerov: prípadová štúdia projektu Drevný trh
Web pre developerov musí predávať priestor, ktorý ešte nestojí – a to zvládne len vtedy, keď si záujemca vie byt nájsť, porovnať a overiť sám, bez telefonátu. Pre košický rezidenčný projekt Drevný trh preto nebol najdôležitejší pekný dizajn, ale štruktúra: klikacie pôdorysy podlaží, samostatná karta každého priestoru a administrácia, v ktorej developer pohodlne mení cenu, výmeru či stav bytu na jednom mieste. Popri webe sme pre projekt pripravili grafiku a kampane na Facebooku aj v Google. V štúdii opíšeme, ako taká tvorba webových stránok pre developerský projekt prebieha a prečo je výber priestorov jeho srdcom.
| Projekt | Drevný trh |
|---|---|
| Klient | Mecom s. r. o., rezidenčný projekt Drevný trh v historickom centre Košíc |
| Odvetvie | Developer – byty, nebytové priestory, parkovanie a sklady v dvoch budovách |
| Cieľ | Web, na ktorom si záujemca sám vyberie konkrétny priestor a pošle dopyt |
| Čo sme dodali | Web s klikacími pôdorysmi a kartami priestorov, administrácia údajov, grafika pre web, PPC kampane na Facebooku a v Google |
| Výsledok | Záujemcovia prichádzajú s konkrétnym výberom a developer spravuje ponuku bez programátora |
Predaj bytov, ktoré ešte nestoja
Drevný trh je ďalší z projektov košickej spoločnosti Mecom, ktorá stojí aj za projektmi DUETT či VILLA ČERMEĽ. Vzniká v historickej zóne Košíc vedľa Drevného trhu: komorný projekt s bytmi v štandarde Exclusive, nebytovými priestormi na prízemí, podzemnou garážou, dizajnovým vstupným lobby a súkromnou mestskou záhradou. Predpredaj sa podľa harmonogramu na webe začal v októbri 2024, mesiac pred začiatkom výstavby.
Pri predpredaji záujemca nemôže prísť a byt si prezrieť. Rozhoduje sa podľa pôdorysu, výmery, polohy v dome a podľa toho, či je byt ešte voľný. Web preto musí nahradiť obhliadku – a musí byť vždy aktuálny, lebo informácia o voľnom byte, ktorý je už rezervovaný, stojí developera dôveru aj čas obchodníka.
Štruktúra webu rozhoduje viac než dizajn
Dizajn webu Drevný trh nadväzuje na charakter projektu – je čistý a so silnou typografiou, ktorá nechá vyniknúť projekt samotný. Pod povrchom však stojí na premyslenom poradí informácií, v akom sa kupujúci rozhoduje. Úvodná stránka prevedie záujemcu od príbehu projektu cez benefity a lokalitu až k ponuke bytov, financovaniu, harmonogramu výstavby a štandardom. Každý blok odpovedá na jednu otázku a z každého vedie cesta k výberu priestoru.
- O projekte a benefity: prečo bývať práve tu a čím sa projekt líši.
- Lokalita: čo je na dosah – centrum, parky, služby, doprava.
- Ponuka bytov: výber budovy a podlažia, ktorý vedie na pôdorysy.
- Financovanie a harmonogram: kedy a koľko sa platí, kedy bude dom hotový.
- Štandardy a galéria: čo je v cene bytu a ako bude dom vyzerať.
Klikacie pôdorysy podlaží a priestorov
Jadrom webu je výber priestorov. Projekt má dve budovy, v každej niekoľko podlaží a k tomu sklady a parkovacie miesta – všetko sa dá vyberať rovnakým spôsobom. Postup pre záujemcu je jednoduchý:
- Vyberie budovu a podlažie, prípadne sklady alebo parkovanie.
- Na pôdoryse podlažia prejde myšou nad byt, ten sa zvýrazní, a kliknutím ho otvorí.
- Pod pôdorysom vidí tabuľku všetkých priestorov podlažia s počtom izieb, výmerami a stavom.
- Na karte priestoru nájde výmery, stav, dispozíciu, polohu na podlaží a PDF kartu bytu a podlažia na stiahnutie.
- Priamo z karty pošle dopyt – už s vedomím, o ktorý priestor má záujem.
Technicky stoja klikacie pôdorysy na štandardnej HTML mape obrázka, ktorú dokumentácia MDN opisuje ako prvok, ktorý „defines an area inside an image map that has predefined clickable areas“. Nad ňou beží zvýraznenie priestorov. Výhoda riešenia je, že každý priestor je obyčajný odkaz na vlastnú stránku – funguje na mobile, dá sa zdieľať a vyhľadávač ho vie prečítať, na rozdiel od pôdorysov vložených ako uzavretá aplikácia.
Developer mení ceny aj stav bytov sám
Druhá polovica projektu je neviditeľná pre návštevníka, no pre developera rozhoduje. Každý priestor je v administrácii WordPressu samostatný záznam s vlastnými poľami. Obchodník v ňom zmení stav z voľného na rezervovaný, upraví cenu alebo nahrá novú kartu bytu a zmena sa prejaví všade naraz – v tabuľke podlažia, na karte priestoru aj v pôdoryse. Nikto nemusí prepisovať texty na viacerých stránkach a nikto nemusí volať programátora.
| Údaj v administrácii | Kde sa na webe prejaví |
|---|---|
| Označenie a podlažie | Tabuľka podlažia, karta priestoru, odkaz v pôdoryse |
| Počet izieb a výmery | Tabuľka podlažia a základné informácie na karte |
| Cena | Tabuľka podlažia a karta priestoru |
| Stav – voľný, rezervovaný, predaný | Tabuľka podlažia a karta priestoru |
| Pôdorysy a PDF karty | Karta priestoru, sekcia na stiahnutie |
Web, kampane a grafika z jednej ruky
Pre Drevný trh sme okrem webu pripravili grafiku a kampane na Facebooku aj v Google. Výhoda jedného dodávateľa je v tom, že reklama môže viesť priamo tam, kde sa rozhoduje – na výber podlaží alebo na konkrétny typ bytu – a meranie ukáže, ktorá kampaň priniesla dopyt. Pri webe pre developerov to rozhoduje viac než inde: jeden predaný byt vyváži dlhé mesiace reklamy, preto sa oplatí vedieť, odkiaľ kupujúci prišiel. Rovnako dôležitá je rýchlosť: pôdorysy a vizualizácie sú veľké obrázky a web ich musí načítať bez čakania aj na mobile. Google odporúča, aby najväčší prvok stránky bol vykreslený do 2,5 sekundy – podľa web.dev platí, že „LCP should occur within 2.5 seconds“ od začiatku načítania.
Web developera nepredáva byt. Predáva istotu, že kupujúci vie, čo si vyberá – a že to, čo na webe vidí, platí aj dnes.
Výsledok: záujemcovia prichádzajú s konkrétnym výberom
Po spustení webu a kampaní sa predaj projektu výrazne zjednodušil. Záujemca, ktorý pošle dopyt, už má za sebou pôdorys, výmery aj polohu bytu, takže rozhovor s obchodníkom sa začína pri konkrétnom priestore, nie pri všeobecných otázkach. Developer zároveň spravuje celú ponuku sám a aktuálny stav vidia záujemcovia okamžite. Presné čísla o dopytoch a predaji nezverejňujeme – patria klientovi.
Kedy sa takýto web oplatí a kedy nie
Klikacie pôdorysy a databáza priestorov majú zmysel pri projekte s desiatkami jednotiek, viacerými podlažiami a dlhším predajom. Pri štyroch rodinných domoch stačí prehľadná stránka s tabuľkou a pôdorysmi – interaktívny výber by bol drahší než úžitok z neho. Druhá podmienka je disciplína: web je len taký dobrý ako údaje v ňom. Ak stav bytov nikto neaktualizuje, najlepšie spracovaný výber priestorov začne pracovať proti developerovi.
Čo si z projektu odniesť
Pri webe pre developerov neplatí, že stačí pekná úvodná stránka s vizualizáciou a kontaktom. Kupujúci chce porovnávať byty sám a v čase, ktorý mu vyhovuje, a developer chce mať ponuku pod kontrolou bez programátora. Keď web obe potreby spojí a nadviažu naň kampane, predáva aj vtedy, keď obchodník spí. Ak pripravujete developerský projekt a riešite, ako ho predstaviť na webe, radi vám navrhneme štruktúru, ktorá bude fungovať od predpredaja po kolaudáciu.
Často kladené otázky
Čo by mal obsahovať web pre developerský projekt?
Výber priestorov podľa budovy a podlažia, kartu každého bytu s výmerami, stavom a pôdorysom na stiahnutie, lokalitu, štandardy, harmonogram výstavby, financovanie a jasný kontakt na predaj.
Ako funguje klikací pôdorys podlažia?
Nad obrázkom pôdorysu sú vymedzené plochy jednotlivých priestorov. Po prejdení myšou sa priestor zvýrazní a kliknutím sa otvorí jeho karta s údajmi, pôdorysom a formulárom na dopyt.
Môže developer meniť ceny a stav bytov sám?
Áno. Každý priestor je v administrácii samostatný záznam s cenou, výmerami a stavom. Zmena sa hneď prejaví v tabuľke podlažia aj na karte bytu, bez zásahu programátora.
Oplatí sa mať pre developerský projekt samostatný web?
Pri väčšom projekte áno. Samostatná doména s vlastnou identitou sa lepšie propaguje v kampaniach a dá projektu priestor, ktorý by na všeobecnom webe developera zanikol.
Dá sa web pre developerov napojiť na PPC kampane?
Áno. Kampane na Facebooku aj v Google môžu viesť priamo na konkrétne podlažie alebo typ bytu a meranie ukáže, ktorá reklama priniesla dopyt.