KATALOGDOMU.COM

Kategoria

Vývoj na míru

Klient

MEDIA EXCELLENT, s.r.o

Realizácia

3 týdny

KatalogDomu.com je přední inzertní platforma zaměřená na distribuci hotových architektonických plánů rodinných domů pro zákazníky v České a Slovenské republice. Stránka slouží jako komplexní katalog projektů domů – od bungalovů, přes patrové domy, dvojdomy až po řadovou zástavbu. Nejedná se o e-commerce platformu s online platbami, ale o plnohodnotnou inzertní stránku, kde si zákazníci mohou prohlížet, filtrovat a vybírat z rozsáhlé databáze stavebních projektů včetně kompletní projektové dokumentace a stavebních povolení. Projekt zahrnoval dva klíčové pilíře: migraci původního zastaralého webu na moderní WordPress platformu s kompletně novým vizuálním designem, a vývoj sofistikovaného administračního CMS systému, který klientovi umožňuje efektivně spravovat stovky architektonických projektů.

(VÍZIA)

Vizí projektu bylo vytvořit moderní, rychlou a intuitivní platformu, která se stane referenčním bodem pro každého, kdo plánuje stavbu rodinného domu. Cílem nebylo jen přenést existující obsah na nový základ, ale fundamentálně vylepšit uživatelskou zkušenost a poskytnout klientovi nástroje na efektivní správu obsahu. Zároveň jsme chtěli, aby administrační rozhraní bylo natolik intuitivní, že klient nebude potřebovat technickou podporu při každodenní správě katalogu. Proto jsme investovali značné úsilí do vývoje custom CMS systému, který se chová jako Excel tabulka – prostředí, s kterým je klient už důvěrně obeznámen.

(PROBLÉM)

Migrace staršího webu přinesla množství technických problémů – nekonzistentní datové formáty, chybějící metadata, nefunkční obrázky a rozpadlé vazby mezi entitami. Každý problém jsme systematicky identifikovali a řešili prostřednictvím custom migračních skriptů a manuální kontroly kvality. V oblasti CMS systému jsme čelili výzvě vytvořit rozhraní, které dokáže plynule pracovat se stovkami záznamů bez degradace výkonu. Implementovali jsme virtuální scrollování, lazy loading a optimalizaci databázových dotazů. Administrativní panel funguje jako Excel tabulka s možností mazání, zvýrazňování projektů, pokročilého vyhledávání, filtrace, hromadných aktualizací a importu/exportu do Excelu. Fronta při nahrávání produktů byla specifickou požadavkem klienta. Admin může nahrát až 20 produktů najednou, přičemž systém je zpracovává v dávce. Klient tak nemusí čekat po každém jednotlivém nahrání – místo toho klikne na nahrání a všechny projekty se zpracují v jedné várce. Implementace zahrnovala optimistic UI, kde se produkty zobrazují okamžitě s indikátorem stavu, a pokročilé zpracování chyb, které v případě selhání jednotlivých položek uchová úspěšně nahrané projekty a umožní retry pouze pro selhané.

(NÁŠ POSTUP)

K projektu jsme přistoupili strategicky s důrazem na dlouhodobou udržitelnost a škálovatelnost řešení. Prvním krokem byla důkladná analýza původního webu, identifikace všech existujících funkcionalit a mapování uživatelských scénářů. Na základě této analýzy jsme navrhli architekturu nového řešení, které reflektuje reálné potřeby koncových uživatelů i administrátorů. Migraci jsme realizovali v etapách – nejprve přesun a transformaci dat, následně implementaci nového designu a nakonec postupné nasazování nových funkcionalit. Tento iterativní přístup nám umožnil minimalizovat riziko výpadků a zajistit plynulý přechod bez ztráty organické návštěvnosti nebo indexace ve vyhledávačích. Úzce jsme spolupracovali s klientem na definování priorit a požadavků, přičemž jsme kladli důraz na to, aby každé rozhodnutí bylo podloženo reálnými daty a uživatelským výzkumem.

(POTREBY UŽÍVATEĽA)

Koncový uživatel KatalogDomu.com je zpravidla člověk, který plánuje stavbu rodinného domu a hledá hotový architektonický projekt včetně kompletní dokumentace a stavebních povolení. Jeho primární potřebou je rychle a jednoduše najít projekt, který odpovídá jeho požadavkům – rozpočtu, velikosti pozemku, počtu pokojů a životnímu stylu. Proto jsme implementovali pokročilý filtrační systém s posuvníky pro cenové rozpětí, zastavovanou plochu a šířku domu. Uživatel si může výsledky třídit podle různých kritérií a okamžitě vidí relevantní nabídku. Vyhledávání funguje real-time bez nutnosti obnovení stránky, což dramaticky zlepšuje uživatelský zážitek. Z pohledu administrátora byla klíčovou potřebou efektivně spravovat rozsáhlý katalog projektů. CMS systém s hromadnými operacemi, importem a exportem do Excelu a pokročilou filtrací v admin prostředí umožňuje klientovi samostatně spravovat celý obsah stránky bez závislosti na vývojářském týmu. To výrazně snižuje provozní náklady a zvyšuje rychlost aktualizace obsahu.

(VÝZVY)

Jednou z největších výzev byla samotná migrace. Původní web obsahoval stovky produktů s komplexními daty – technické parametry, obrázky, ceny, vazby mezi projekty. Bylo nezbytné zajistit, aby žádná data nebyla ztracena a aby se zachovala SEO hodnota existujících URL adres a zpětných odkazů. Další výzvou byla optimalizace vyhledávání. Původní vyhledávací systém nefungoval správně a uživatelé měli problém najít relevantní projekty. Implementovali jsme pokročilou filtraci podle typu projektu, počtu pokojů, garáží, zastavěné plochy, maximální šířky domu a ceny výstavby – vše s real-time aktualizací výsledků. Třetím pilířem výzev byl CMS systém. Klient potřeboval spravovat velké množství produktů efektivně. Požadoval hromadné nahrávání až 20 projektů najednou, aby nemusel čekat na dokončení nahrávání každého jednoho produktu samostatně. Toto si vyžádalo implementaci fronty (queue systému) při nahrávání, optimistic UI a pokročilé zpracování chyb, které dokáže elegantně zpracovat selhání jednotlivých položek bez ovlivnění celé dávky.

(USER CENTRIC)

Při redesignu jsme se soustředili na to, aby byl celý uživatelský zážitek intuitivní a bezproblémový. Nový design staví na čistých liniích, přehledné navigaci a důrazu na vizuální prezentaci projektů. Hlavní sekce na domovské stránce umožňuje okamžitou filtraci podle klíčových parametrů – typu projektu, počtu pokojů, garáží, ceny výstavby, maximální šířky domu a zastavěné plochy. Detailní stránky jednotlivých projektů prezentují všechny důležité informace přehledně – od technických parametrů, přes vizualizace a půdorysy, až po informace o cenách a dostupnosti. Celý design je plně responzivní a optimalizovaný pro mobilní zařízení, kde dnes přichází většina návštěvnosti. Pro administrátory jsme vytvořili rozhraní, které respektuje jejich pracovní návyky. CMS systém s Excel-like rozhraním umožňuje rychlou orientaci a manipulaci s daty bez nutnosti technického zázemí. Inline editování, drag-and-drop a klávesové zkratky zvyšují produktivitu při každodenní správě katalogu.