Co bylo cílem?

• moderní webové stránky s důrazem na přístupnost
• napojení na realitní software Realman
• responzivní design a rychlost načítání
• jednoduchá editace v administraci

Postup

Na základě požadavků klienta jsme nakreslili moderní úvodní stránku a detail nemovitosti. Museli jsme si ujasnit, které parametry u nabídek bude chtít klient na webu zobrazit. V grafickém návrhu jsme pak parametrům určili prioritu a ideální rozmístění.

Největší výzva byla napojení webu na platformě WordPress na realitní software Realman, který je největším realitním softwarem v České republice. Oficiální plugin, který by toto mohl řešit neexistuje a tak jsme si řešení vytvořili sami. Pomoci WP nativního API vznikly endpointy (koncové URL adresy), na které posílá Realman požadavky. Z těchto požadavků se spustí importní skript, který zapíše jednotlivé nabídky a roztřídí kategorie, abychom mohli s jednotlivými záznamy pracovat a např. filtrovat nabídky podle kategorií. Museli jsme vyřešit několik detailů, jako pozdější aktualizace nabídek nebo způsob ukládání fotografii a 3D prohlídek u nabídek.

Po otestování a ujištění s klientem, že se vše zobrazuje správně, jsme mohli webové stránky spustit na ostré doméně.

 Co jsme vyladili?

• vytvořili jsme počítadlo na úvodní straně, které automaticky počítá aktuální počet nabídek nemovitostí
• tlačítko scroll to top pro rychlý přesun do horní části webu
• zafixovali jsme lištu navigace při pohybu webem směrem nahoru, aby se mohl klient na webu rychle pohybovat
• přidali rychlé kontakty do hlavičky
• používání webu na mobilních zařízeních
• připravili možnost psát příspěvky do blogu
• připravili formulář pro odhad nemovitosti
• onpage SEO faktory vč. filtrování nabídek (titulky stránek, nadpisy, …)
• vlastní styly pro mapu s umístěním nemovitosti

Detekované chyby původního řešení

• pomalé načítání obsahu
• špatná přístupnost
• pomalý webhosting
• špatný responziv

Postup

Jednalo se o klasický postup u webu na míru. Tedy proběhlo několik úvodních schůzek s klientem, kde nám klient sdělil svou představu a své požadavky. Následně se do práce pustil grafik, který připravil grafický návrh. Ten jsme společně s klientem prošli na online schůzce a následně zpracovali připomínky klienta.

Jakmile byl klient s návrhem spokojen, pustili jsme se do kódování a do migrace obsahu. Jelikož se jednalo o již zaběhnutý web, nesměli jsme zapomenout na nastavení přesměrování původních URL na nové i přesto, že jsme se snažili zachovat co nejvíce stejných URL. Jakmile byl web připraven a klientem schválen, web jsme spustili na novém webhostingu, díky kterému je web daleko rychlejší než na původním.

Co jsme vyladili?

• vytvořili jsme individuální mapu dle grafického návrhu
• tlačítko scroll to top pro rychlý přesun do vrchní části webu
• zafixovali jsme lištu menu při pohybu webem směrem nahoru, aby se mohl klient rychle na webu pohybovat
• přidali rychlé kontakty do hlavičky
• vytvořili modul pro vkládání nabídek s napojením na ARES
• vytvořili modul pro vkládání referencí
• vytvořili kalkulačku pro výpočet ceny sídel k prodeji
• odladili jsme rychlost načtení webu
• upravili jsme chování webu v responzivu

Cenová kalkulace READY MADE společností

Klient dodal vzoreček, hodnoty a my vytvořili jednoduchou kalkulačku.

Nechybí konverzní tlačítka pro kompletní nabídku, případně pro rychlou poptávku.

Výsledek

Výsledkem je spokojený klient, který si může pohodlně vkládat a měnit obsah na webu. Klient s námi navázal spolupráci také v online marketingu. Díky tomu dokážeme pružně případné úpravy provést sami.

Měření Lighthouse