O projektu
Webová aplikace s nabídkou realit, která formou katalogu zpracovává informace z různých realitních serverů a shromažďuje je na jedno místo
Flatzone je agregátor českých developerských projektů, který shromažďuje nabídky z různých realitních serverů na jedno místo. Tyto nabídky prostřednictvím sofistikovaných filtrů, vyhledávání a propracované uživatelské sekce přetváří do přehledného katalogu s realitami.
Klient
Flatzone
Oblast podnikání
Reality
Funkce aplikace a systému
uživatelská sekce- hlídací pes (upozornění na nové nemovitosti, podle zadaných parametrů)
- responzivní design
- vyhledávání
- pokročilé filtry
- mapa zobrazující nemovitosti dle parametrů a lokality
Zadání
Tým Flatzone nás oslovil s požadavkem na vytvoření CMS (webové administrace) na míru a redesign původní podoby webové aplikace.
Projekt za dobu svého působení přerostl řešení od původního dodavatele a bylo na nás, abychom pro klienta připravili digitální produkt, který umožní další růst jeho podnikání.
Technologie a služby
Technologie
Strapi
React
GraphQL
Služby
Vývoj webové aplikace
Tvorba katalogu
Custom CMS
Doba trvání projektu
6 měsíců
Tým
2 frontend vývojáři, backend vývojář, projektový manažer
Vývoj webové aplikace Flatzone v 10 krocích
V rámci spolupráce jsme vytvořili nové uživatelské rozhraní katalogu developerských projektů a naprogramovali všechny požadované funkce administrace webu.
- Prvním krokem byla takzvaná konzultační fáze. Během ní jsme si s klientem vyjasnili, co od naší spolupráce očekává, díky čemuž jsme mohli vymezit základní cíle projektu.
- Následovala analytická fáze, v rámci té jsme prozkoumali stávající řešení a identifikovali místa, která by bylo možné posunout dál.
- Výstupy z analýzy jsme následně opět zkonzultovali s klientem.
- Poté jsme připravili plán vývoje a cenovou kalkulaci. Po jejich odsouhlasení jsme se již mohli pustit do díla.
- Sestavili jsme programátorský tým, jehož první polovina se pustila do přípravy back-endu, respektive tvorby CMS, prostřednictvím Strapi.
- Druhá polovina týmu se pak zaměřila na programování front-endu, na základě původního webu.
- Postupně jsme nasadili všechny požadované funkce a v rámci agilního procesu je průběžně konzultovali s klientem.
- Před nasazením nás čekalo už jen uživatelské testování, prostřednictvím kterého jsme doladili poslední nedostatky.
- Nasadili jsme webovou aplikaci mezi uživatele.
V současnosti aplikaci udržujeme a dále rozvíjíme v návaznosti na požadavky či připomínky klienta i uživatelů.
Detail řešení
Díky tomu, že byl projekt na začátku naší spolupráce již rozběhnutý, měl klient relativně jasnou představu o tom, čeho chce docílit. Původní řešení neodpovídalo jeho požadavkům, a hlavně potřebám projektu, a proto bylo nutné celý systém modernizovat, ať už po stránce designové nebo funkční.
Přesto, že byl původní projekt vystavěn na custom řešení, nebyl vlastníkem kódu zadavatel projektu, nýbrž předchozí vývojář. Jedním z hlavních záměrů tedy bylo vytvořit systém, který bude mít klient plně pod kontrolou. Druhým záměrem pak bylo vylepšit filtrování, vyhledávání a uživatelskou sekci, jež patří mezi nejdůležitější části webové aplikace.
Po sérii konzultací, jsme původní řešení prozkoumali a navrhli další vylepšení, která vedla ke zlepšení produktu.
Po odsouhlasení jsme se mohli pustit do díla. Sestavili jsme dva programátorské týmy – první měl na starosti vývoj CMS na míru a druhý kódování uživatelského rozhraní aplikace.
K vytvoření CMS jsme využili technologii Strapi, která umožňuje vytvořit sofistikovanou administraci webu v návaznosti na individuální potřeby projektu. K přípravě front-endu, tedy uživatelského rozhraní, jsme použili javascriptovou knihovnu React.
Postupně jsme přidávali veškerou klíčovou funkcionalitu:
Přidali jsme pokročilé filtry, jež umožňují nabídku protřídit v návaznosti na cenu, lokalitu či dispozice domů a bytů.
Vytvořili jsme uživatelskou sekci s funkcí hlídacího psa, který uživatele upozorňuje na nejnovější nabídky dle zadaných kritérií.
Filtry jsme následně doplnili o vyhledávání podle měst a o mapu, která zobrazuje veškerou nabídku v návaznosti na zadaná kritéria a lokalitu.
