PROJEKT

Vývoj vlastního filtru pro seznam nemovitostí a vizuální modul pro webovou stránku na platformě WIX

Návrh a implementace vlastního modulu filtrování, Integrace s WIX CMS a Content Managerem, Responzivní vývoj front-endu, Přizpůsobení rozhraní pro uživatele, Technická podpora a iterace funkcí

  • Průmysl: Realitní kancelář
  • Lotyšsko Místo: Lotyšsko
  • Doba dodání: 1 týden
  • Technologie: WIX, WIX Content Manager
  • Hodnoceno: 5/5
1 měsíc

Shrnutí

Problém

River Properties potřebovala dynamický a značkový způsob, jak prezentovat byty online.

Řešení

2410 vyvinula responzivní systém filtrování v reálném čase integrovaný do WIX.

Výsledek

Kupující nyní mohou procházet byty interaktivně, čímž se zlepšila srozumitelnost a konverze.

Příběh klienta

River Properties je známý vývojář v Rize specializující se na obnovu předválečných a dřevěných architektur. Pro nový rezidenční komplex hledali poutavé digitální řešení pro prezentaci dostupných bytů.

Ve spolupráci s jejich designérem HoneyHoney 2410 oživila vizuály pomocí cíleného kódování na platformě WIX. Projekt spojil grafický design a technickou odbornost, což umožnilo potenciálním kupujícím procházet plány podlaží a detaily bytů interaktivně a intuitivně.

Přehled projektu

2410 vyvinula modulární, responzivní filtr pro nemovitosti pro River Properties, implementovaný na platformě WIX. Filtr umožňuje uživatelům hledat dostupné byty podle počtu pokojů, ceny, plochy, patra a čísla budovy s okamžitými aktualizacemi bez nutnosti klikání na tlačítko Odeslat.

Byl navržen tak, aby odpovídal uživatelskému prostředí Bonava a byl vložen na úvodní stránku a tři stránky jednotlivých budov, každou s vlastní předfiltrovanou datovou sadou.

Řešení zahrnovalo interaktivní vizualizaci na úvodní stránce, kde uživatelé mohli vybírat patra přímo z obrázku budovy. Každé patro bylo propojeno s plány bytů s klikacími jednotkami, které ukazovaly podrobné informace – plochu, počet pokojů, cenu a možnosti kontaktu.

I přes omezení WIXu 2410 vytvořila vlastní infrastrukturu, která zajišťuje kompatibilitu napříč prohlížeči a umožňuje snadné aktualizace stavu (prodáno/rezervováno) prostřednictvím CMS. Výsledek: uživatelsky přívětivé prostředí pro nemovitosti na platformě WIX, které působí jako na míru vytvořené.

River Properties ocenila konzistentní komunikaci, flexibilitu a rychlou adaptaci 2410 na designovou a technickou zpětnou vazbu. Modul byl dodán v krátkých termínech, interně získal pozitivní reakce a spolupráce zahrnovala proaktivní řešení problémů, průběžná vylepšení a celkovou spokojenost s výsledkem.

- River Properties

Klíčové dodané funkce

  • Okamžité aktualizace filtru bez dalších kliknutí
  • Filtry: Plocha, Cena, Počet pokojů, Patro, Číslo budovy
  • Přednastavené filtry na jednotlivých stránkách budov
  • Vlastní vizuální karty s informacemi o nemovitosti
  • Stránkování s 'Zobrazit více' po 12 záznamech
  • Mobilní verze s upraveným designem
  • Seznamy editovatelné administrátorem prostřednictvím WIX Content Manageru
  • Vlastní designové prvky podle manuálu značky
  • Překrytí plánu podlaží s informacemi o bytě a statusy dostupnosti

Technologický stack

WIX WIX Content Manager JavaScript HTML/CSS Velo by WIX

Výsledek

Projekt byl úspěšně spuštěn na platformě WIX

Je plně optimalizován pro stolní počítače a mobilní zařízení, nabízí plynulý výkon a kompatibilitu napříč prohlížeči. Systém okamžitě reaguje na uživatelské akce, což zlepšuje zážitek z prohlížení pro potenciální kupce.

Tip: Všechny prvky filtrování a interaktivitu se podařilo dosáhnout vlastním kódem na WIX, což umožnilo pokročilé funkce bez externích pluginů.

Uživatelé nyní mohou interagovat s vizuálním zobrazením rezidenčního komplexu. Při přejetí myší nad budovou se zvýrazní patra a kliknutím se dostanete přímo na plány bytů pro tuto úroveň.

Interaktivní zobrazení domu na úvodní stránce

Interaktivní zobrazení domu na úvodní stránce

Interaktivní zobrazení budovy na úvodní stránce

Každý byt je zobrazen na plánu podlaží pomocí intuitivních barevných kódů:

  • Šedá – Prodáno (neaktivní)
  • Růžová – Rezervováno (neaktivní)
  • Bílá – Dostupné (interaktivní)

Při přejetí myší nad jednotkou se v bublině zobrazuje její cena a plocha, což uživatelům pomáhá rychle a informovaně rozhodovat.

Plán podlaží se statusy dostupnosti

Plán podlaží se statusy dostupnosti

Barevně kódovaný plán podlaží pro dostupnost

Kliknutím na jednotku se otevře detailní modální okno s kompletními informacemi o bytě:

  • Celková plocha
  • Počet pokojů
  • Úroveň podlaží
  • Cena
  • Rozložení včetně dalších místností
  • Kontaktní údaje realitního makléře
Detailní informace o bytu v modálu

Detailní informace o bytu v modálu

Modální okno zobrazující podrobnosti o bytu

Interaktivita na úrovni podlaží a náhled plánu

Naše implementace umožňuje týmu administrátorů spravovat všechny seznamy prostřednictvím WIX CMS. Stav, jako je prodáno nebo rezervováno, lze aktualizovat jediným kliknutím.

Poznámka: Celý systém byl optimalizován pro použitelnost, SEO a škálovatelnost – navržený pro krátkodobý prodej i dlouhodobou správu obsahu.

Přemýšlíte o vytvoření podobného systému?

Pokud zvažujete vyvinout systém filtrování nemovitostí nebo vizualizaci bytů jako pro River Properties, tato sekce je pro vás. Shromáždili jsme běžné dotazy od klientů, kteří chtějí podobná řešení – zaměřené na funkčnost, integraci a uživatelskou zkušenost. Tyto odpovědi vám pomohou pochopit, co je možné a co zvážit před začátkem.