DG_
← späť na projekty
case study / Keraservis

Web, SEO a digitálny showroom v jednom systéme.

Redizajn webu nebol iba vizuálna úprava. Spojil som UX, technické a obsahové SEO, e-shop a nové služby, ktoré približujú obchod zákazníkovi ešte pred návštevou showroomu. Od online schôdzky cez vlastnú kúpeľňu vo VR až po automaticky tvorené produktové vizuály.

web redesign AI produktové vizuály SEO VR & AI
Výstup projektu Nová informačná architektúra, konverzné stránky, SEO štandard, digitálne schôdzky, VR proces a škálovateľná obrazová produkcia.
Dávid kontroluje technickú kvalitu, odkazy a výkon webu
1 spoločný web a UX systém
3 nové digitálne showroomové služby
6 vrstiev technického a obsahového SEO
výkonnostný plán

Dizajn dostal merateľnú úlohu.

Nové riešenie bolo nastavené na štyri konkrétne KPI: viac kvalifikovaných schôdzok, vyššiu nebrandovú viditeľnosť, hlbšiu prácu s produktmi a výrazne rýchlejšiu produkciu e-shopových vizuálov.

+38 % viac dokončených rezervácií schôdzky jasné CTA, kratšia cesta a online termíny
+27 % viac nebrandovej organickej návštevnosti kategórie, témy, lokality a interné prelinkovanie
+31 % viac návštev produktových detailov vyhľadávanie, filtre, inšpirácia a kontextové CTA
−72 % času na prípravu produktových vizuálov AI pipeline, varianty formátov a publikačná kontrola
pred a po

Starý web informoval. Nový vedie k rozhodnutiu.

Pôvodná stránka miešala firemné informácie, navigáciu a konverzný cieľ. Nový návrh začína zákazníckou potrebou, ukazuje výsledok a ponúka okamžitý ďalší krok.

pred redizajnom
Pôvodný web Keraservis pred redizajnom
nový návrh
Nový návrh webu Keraservis s výrazným hero a CTA
/ PRED

Obsah bez jasnej priority

Rozdrobená navigácia, textová firemná stránka, slabá obrazová hierarchia a rezervácia schôdzky oddelená od hlavného príbehu.

/ PO

Jedna cesta k ďalšiemu kroku

Silná hodnota v hero, dominantné CTA, jednoduchšie menu, vyhľadávanie produktov, e-shop a obsah postavený okolo zákazníckej potreby.

AI produktové vizuály

Z lifestyle fotografie na čistý produktový vizuál.

Vstupom je pôvodná lifestyle fotografia produktu v kúpeľni. Automatizovaný AI workflow z nej izoluje konkrétny produkt a vytvorí čistú produktovú fotografiu na bielom pozadí aj ďalšie pohľady pre e-shop. Zachováva pritom jeho tvar, materiál, farbu a proporcie.

/ PRESNÁ REKONŠTRUKCIA

AI izoluje produkt bez nového fotografovania.

Workflow odstráni pôvodný interiér a zrekonštruuje čistý produktový záber. Rozmery, tvar, materiál, farba a orientácia sa pred publikovaním kontrolujú voči produktovej karte.

/ ŠKÁLOVATEĽNÝ VÝSTUP

Z jedného podkladu vznikne celá produktová sada.

Workflow pripraví hlavný obrázok na bielom pozadí, detail, bočný pohľad, pohľad zhora aj formáty pre kampane. Výstupy majú jednotné pomenovanie, pomery strán a dohľadateľný zdroj.

web a UX

Od inšpirácie k schôdzke bez slepej uličky.

Nová architektúra prepája inšpiráciu, služby, značky, produkty a showroomy. Každý typ stránky má jasnú úlohu a relevantné pokračovanie.

/01

Jednoduchšia navigácia

Inšpirácia, služby, novinky, značka a kontakt bez viacúrovňového menu, ktoré núti používateľa hádať, kam kliknúť.

/02

Konverzná cesta

Schôdzka, e-shop a kontakt sú dostupné v správnom momente na hero, službe, inšpirácii, produkte aj showroomovej stránke.

/03

Vyhľadávanie a filtre

Vyhľadávanie naprieč produktmi, kategóriami a značkami. Filtre používajú vlastnosti, ktorým zákazník pri výbere rozumie.

/04

Mobile-first výkon

Responzívne komponenty, optimalizované obrázky, stabilný layout, dostupné ovládanie a minimálny počet krokov vo formulári.

UX princíp Každá stránka odpovedá na otázku a ponúka jeden prirodzený ďalší krok.
digitálny showroom

Predaj sa môže začať ešte pred návštevou.

Web sa rozšíril z obsahového a produktového katalógu na pracovné prostredie, v ktorom zákazník vie konzultovať, rozhodovať sa a vidieť budúci priestor.

/01 · ONLINE SCHÔDZKA

Obchodník na jeden klik.

Zákazník si vyberie tému, pobočku, poradcu a termín. Stretnutie prebehne online a pokračuje s rovnakým kontextom.

  • kalendár a dostupnosť
  • automatické potvrdenie a pripomienka
  • video link a podklady pred schôdzkou
  • follow-up s ďalším krokom
/02 · VR KÚPEĽŇA

Vlastný návrh vo virtuálnej realite.

Zákazník si nasadí VR okuliare a prejde sa po svojej budúcej kúpeľni v reálnej mierke ešte pred objednávkou.

  • vizualizácia vlastného pôdorysu
  • porovnanie materiálov a variantov
  • kontrola proporcií a umiestnenia
  • menej nejasností pred realizáciou
/03 · AI E-SHOP

Produktové vizuály bez fotografického bottlenecku.

AI pipeline automaticky vytvára všetky potrebné varianty produktových vizuálov z produktových dát a zdrojového obrázka.

  • čistý packshot a transparentné pozadie
  • produkt v kúpeľňovej scéne
  • formáty pre detail, kategóriu a kampane
  • kontrola značky a kvality pred publikovaním
AI produkčný tok

Nový produkt nemusí čakať na fotografovanie.

Automatizácia zrýchľuje katalóg, ale nevypína kontrolu. Každý výstup prejde pravidlami produktu, značky a vizuálnej vierohodnosti.

Načítať produkt

Názov, typ, materiál, farba, rozmer, technické dáta a zdrojový obrázok vytvoria zadanie.

Vytvoriť varianty

AI pripraví packshot, výrezy, pozadia, scénu a potrebné pomery strán pre e-shop aj marketing.

Overiť realitu

Kontrola farby, povrchu, proporcií, loga, tieňov a zhody s konkrétnym produktom.

Publikovať

Optimalizované formáty, názvy súborov, alt texty a priradenie k produktu, kategórii a kampani.

SEO systém

SEO nie je doplnok po spustení webu.

Vyhľadávanie ovplyvnilo informačnú architektúru, šablóny, obsah, produktový katalóg aj meranie od prvého návrhu.

/01

Architektúra a URL

Kategórie, produkty, značky, inšpirácie, služby a showroomy majú vlastný účel, čistú URL a logické interné prepojenie.

/02

On-page šablóny

Unikátny title, description, H1, breadcrumbs, canonical, OG údaje a štruktúrované dáta podľa typu stránky.

/03

Technická indexácia

Sitemap, robots, presmerovania, filtre, duplicity, stránkovanie a kontrola indexovateľných kombinácií.

/04

Core Web Vitals

Responzívne obrázky, lazy loading, stabilné rozmery, optimalizované fonty, kritické CSS a kontrola skriptov tretích strán.

/05

Obsahové klastre

Inšpirácie a návody odpovedajú na konkrétne otázky a vedú na relevantnú službu, produkt, showroom alebo schôdzku.

/06

Lokálne a konverzné SEO

Samostatné showroomové stránky, lokálne údaje, mapy, recenzie, merané CTA a rezervácia termínu.

ďalší rozvoj

Web sa nekončí publikovaním novej homepage.

Komponenty, dáta a služby sú pripravené na rozvoj bez ďalšieho redizajnu od nuly.

/01

VR konfigurátor

Prepojenie vybraných produktov z e-shopu priamo s variantmi vlastnej kúpeľňovej vizualizácie.

/02

Online konzultácia s kontextom

Poradca pred schôdzkou vidí vybrané produkty, uloženú inšpiráciu, rozmery a otázky zákazníka.

/03

AI škálovanie katalógu

Hromadná tvorba produktových scén, alt textov a formátov pri zachovaní kontroly faktov a vizuálnej zhody.

/04

Personalizované odporúčania

Obsah a produkty podľa štýlu, rozpočtu, miestnosti, predchádzajúcej aktivity a fázy rozhodovania.

/05

Experimentačný backlog

A/B testy hero, CTA, formulárov, produktových kariet a schôdzkového procesu podľa konverzného výsledku.

/06

Obsahový a SEO dashboard

Indexácia, viditeľnosť, Core Web Vitals, cesta ku schôdzke, e-shopové správanie a výkon obsahových klastrov.

výsledný princíp

Web nemá iba vyzerať ako značka. Má za ňu pracovať.

UX vedie zákazníka. SEO prináša dopyt. Automatická obrazová produkcia rozširuje katalóg. Online schôdzka, VR a AI e-shop menia web na digitálnu súčasť predaja, nie iba na katalóg.