KATALOGDOMU.COM

Kategoria

Vývoj na mieru

Klient

MEDIA EXCELLENT, s.r.o

Realizácia

3 týždne

KatalogDomu.com je popredná inzertná platforma zameraná na distribúciu hotových architektonických plánov rodinných domov pre zákazníkov v Českej a Slovenskej republike. Stránka slúži ako komplexný katalóg projektov domov – od bungalovov, cez poschodové domy, dvojdomy až po radovú zástavbu. Nejedná sa o e-commerce platformu s online platbami, ale o plnohodnotnú inzertnú stránku, kde si zákazníci môžu prezerať, filtrovať a vyberať z rozsiahlej databázy stavebných projektov vrátane kompletnej projektovej dokumentácie a stavebných povolení. Projekt zahŕňal dva kľúčové piliere: migráciu pôvodného zastaraného webu na modernú WordPress platformu s kompletne novým vizuálnym dizajnom, a vývoj sofistikovaného administračného CMS systému, ktorý klientovi umožňuje efektívne spravovať stovky architektonických projektov.
(VÍZIA)
Víziou projektu bolo vytvoriť modernú, rýchlu a intuitívnu platformu, ktorá sa stane referenčným bodom pre každého, kto plánuje stavbu rodinného domu. Cieľom nebolo len preniesť existujúci obsah na nový základ, ale fundamentálne vylepšiť používateľský zážitok a poskytnúť klientovi nástroje na efektívnu správu obsahu. Zároveň sme chceli, aby administračné rozhranie bolo natoľko intuitívne, že klient nebude potrebovať technickú podporu pri každodennej správe katalógu. Preto sme investovali značné úsilie do vývoja custom CMS systému, ktorý sa správa ako Excel tabuľka – prostredie, s ktorým je klient už dôverne oboznámený.
(PROBLÉM)
Migrácia staršieho webu priniesla množstvo technických problémov – nekonzistentné dátové formáty, chýbajúce metadáta, nefunkčné obrázky a rozpadnuté väzby medzi entitami. Každý problém sme systematicky identifikovali a riešili prostredníctvom custom migračných skriptov a manuálnej kontroly kvality. V oblasti CMS systému sme čelili výzve vytvoriť rozhranie, ktoré dokáže plynulo pracovať so stovkami záznamov bez degradácie výkonu. Implementovali sme virtuálne scrollovanie, lazy loading a optimalizáciu databázových dotazov. Administračný panel funguje ako Excel tabuľka s možnosťou mazania, topovania (zvýrazňovania) projektov, pokročilého vyhľadávania, filtrácie, bulk aktualizácií a importu/exportu do Excelu. Fronta pri uploade produktov bola špecifickou požiadavkou klienta. Admin môže nahrať až 20 produktov naraz, pričom systém ich spracuje v dávke. Klient tak nemusí čakať po každom jednotlivom uploade – namiesto toho klikne na upload a všetky projekty sa spracujú v jednej várke. Implementácia zahŕňala optimistic UI, kde sa produkty zobrazia okamžite s indikátorom stavu, a pokročilý error handling, ktorý v prípade zlyhania jednotlivých položiek zachová úspešne nahrané projekty a umožní retry iba pre zlyhané.
(NÁŠ POSTUP)
K projektu sme pristúpili strategicky s dôrazom na dlhodobú udržateľnosť a škálovateľnosť riešenia. Prvým krokom bola dôkladná analýza pôvodného webu, identifikácia všetkých existujúcich funkcionalít a mapovanie používateľských scenárov. Na základe tejto analýzy sme navrhli architektúru nového riešenia, ktorá reflektuje reálne potreby koncových používateľov aj administrátorov. Migráciu sme realizovali v etapách – najprv presun a transformáciu dát, následne implementáciu nového dizajnu a napokon postupné nasadzovanie nových funkcionalít. Tento iteratívny prístup nám umožnil minimalizovať riziko výpadkov a zabezpečiť plynulý prechod bez straty organickej návštevnosti alebo indexácie vo vyhľadávačoch. Úzko sme spolupracovali s klientom na definovaní priorít a požiadaviek, pričom sme kládli dôraz na to, aby každé rozhodnutie bolo podložené reálnymi dátami a používateľským výskumom.
(POTREBY UŽÍVATEĽA)
Koncový používateľ KatalogDomu.com je spravidla človek, ktorý plánuje stavbu rodinného domu a hľadá hotový architektonický projekt vrátane kompletnej dokumentácie a stavebných povolení. Jeho primárnou potrebou je rýchlo a jednoducho nájsť projekt, ktorý zodpovedá jeho požiadavkám – rozpočtu, veľkosti pozemku, počtu izieb a životnému štýlu. Preto sme implementovali pokročilý filtračný systém s posuvníkmi pre cenové rozpätie, zastavovanú plochu a šírku domu. Používateľ si môže výsledky triediť podľa rôznych kritérií a okamžite vidí relevantnú ponuku. Vyhľadávanie funguje real-time bez nutnosti obnovenia stránky, čo dramaticky zlepšuje používateľský zážitok. Z pohľadu administrátora bolo kľúčovou potrebou efektívne spravovať rozsiahly katalóg projektov. CMS systém s batch operáciami, importom a exportom do Excelu a pokročilou filtráciou v admin prostredí umožňuje klientovi samostatne spravovať celý obsah stránky bez závislosti na vývojárskom tíme. To výrazne znižuje prevádzkové náklady a zvyšuje rýchlosť aktualizácie obsahu.
(VÝZVY)
Jednou z najväčších výziev bola samotná migrácia. Pôvodný web obsahoval stovky produktov s komplexnými dátami – technické parametre, obrázky, ceny, väzby medzi projektami. Bolo nevyhnutné zabezpečiť, aby žiadne dáta neboli stratené a aby sa zachovala SEO hodnota existujúcich URL adries a spätných odkazov. Ďalšou výzvou bola optimalizácia vyhľadávania. Pôvodný vyhľadávací systém nefungoval správne a používatelia mali problém nájsť relevantné projekty. Implementovali sme pokročilú filtráciu podľa typu projektu, počtu izieb, garáží, zastavovanej plochy, maximálnej šírky domu a ceny výstavby – všetko s real-time aktualizáciou výsledkov. Tretím pilierom výziev bol CMS systém. Klient potreboval spravovať veľké množstvo produktov efektívne. Požadoval batch upload až 20 projektov naraz, aby nemusel čakať na dokončenie uploadu každého jedného produktu samostatne. Toto si vyžadovalo implementáciu fronty (queue systému) pri uploade, optimistic UI a pokročilý error handling, ktorý dokáže gracefully spracovať zlyhanie jednotlivých položiek bez ovplyvnenia celej dávky.
(USER CENTRIC)
Pri redizajne sme sa sústredili na to, aby bol celý používateľský zážitok intuitívny a bezproblémový. Nový dizajn stavia na čistých líniách, prehľadnej navigácii a dôraze na vizuálnu prezentáciu projektov. Hero sekcia na hlavnej stránke umožňuje okamžitú filtráciu podľa kľúčových parametrov – typu projektu, počtu izieb, garáží, ceny výstavby, maximálnej šírky domu a zastavovanej plochy. Detailné stránky jednotlivých projektov prezentujú všetky dôležité informácie prehľadne – od technických parametrov, cez vizualizácie a pôdorysy, až po informácie o cenách a dostupnosti. Celý dizajn je plne responzívny a optimalizovaný pre mobilné zariadenia, kde dnes prichádza väčšina návštevnosti. Pre administrátorov sme vytvorili rozhranie, ktoré rešpektuje ich pracovné návyky. CMS systém s Excel-like rozhraním umožňuje rýchlu orientáciu a manipuláciu s dátami bez nutnosti technického zázemia. Inline editovanie, drag-and-drop a klávesové skratky zvyšujú produktivitu pri každodennej správe katalógu.