KATALOGDOMU.COM

Kategorie

Vývoj na míru

Klient

MEDIA EXCELLENT, s.r.o

Realizace

3 týdny

KATALOGDOMU.COM: Vývoj na míru | Metinas

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. Web slouží jako komplexní katalog projektů domů: od bungalovů přes patrové domy a dvojdomy až po řadovou zástavbu. Nejde o e-commerce platformu s online platbami, ale o plnohodnotný inzertní web, kde si zákazníci mohou prohlížet, filtrovat a vybírat z rozsáhlé databáze návrhů rodinných domů. Projekt zahrnoval dva klíčové pilíře: migraci původního zastaralého webu na moderní platformu WordPress s kompletně novým vizuálním designem a vývoj sofistikovaného administračního systému (CMS), který klientovi umožňuje efektivně spravovat stovky architektonických projektů.

(VIZE)

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 zásadně zlepšit uživatelský zážitek a poskytnout klientovi nástroje pro 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 vlastního redakčního systému (CMS), který se chová jako tabulka v Excelu, tedy jako prostředí, které klient důvěrně zná.

(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 pomocí vlastních migračních skriptů a ruční kontroly kvality. V oblasti CMS jsme čelili výzvě vytvořit rozhraní, které dokáže plynule pracovat se stovkami záznamů bez poklesu výkonu. Implementovali jsme virtuální scrollování, lazy loading a optimalizaci databázových dotazů. Administrační panel funguje jako tabulka v Excelu s možností mazání, topování (zvýrazňování) projektů, pokročilého vyhledávání, filtrace, hromadných aktualizací a importu a exportu do Excelu. Fronta při nahrávání produktů byla specifickým požadavkem klienta. Admin může nahrát až 20 produktů najednou a systém je zpracuje v jedné dávce. Klient tak nemusí čekat na dokončení každého jednotlivého nahrání: jednou klikne na nahrání a všechny projekty se zpracují najednou. Implementace zahrnovala optimistic UI, kde se produkty zobrazí okamžitě s indikátorem stavu, a pokročilé zpracování chyb, které při selhání jednotlivých položek zachová úspěšně nahrané projekty a umožní opakovat nahrání jen u těch neúspěšných.

(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 funkcí a mapování uživatelských scénářů. Na základě této analýzy jsme navrhli architekturu nového řešení, která odráží 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 funkcí. 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.

(POTŘEBY UŽIVATELE)

Koncový uživatel KatalogDomu.com je zpravidla člověk, který plánuje stavbu rodinného domu a hledá hotový návrh rodinného domu. 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í, zastavěnou 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 v reálném čase bez nutnosti obnovení stránky, což zásadně zlepšuje uživatelský zážitek. Z pohledu administrátora byla klíčovou potřebou efektivní správa rozsáhlého katalogu projektů. CMS s hromadnými operacemi, importem a exportem do Excelu a pokročilou filtrací v administraci umožňuje klientovi samostatně spravovat celý obsah webu bez závislosti na vývojářském týmu. To výrazně snižuje provozní náklady a zrychluje aktualizaci 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 se žádná data neztratila 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 aktualizací výsledků v reálném čase. Třetím pilířem výzev byl CMS. Klient potřeboval efektivně spravovat velké množství produktů. Požadoval hromadné nahrávání až 20 projektů najednou, aby nemusel čekat na dokončení nahrávání každého produktu zvlášť. To 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ě zvládnout selhání jednotlivých položek bez dopadu na celou dávku.

(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ů. Úvodní sekce na hlavní 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ů přehledně prezentují všechny důležité informace, 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í, odkud 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 s rozhraním ve stylu Excelu umožňuje rychlou orientaci a práci s daty bez nutnosti technického zázemí. Inline editace, drag-and-drop a klávesové zkratky zvyšují produktivitu při každodenní správě katalogu.