Kachlička a Kohoutek.
Nový web. Promyšlený přechod.

01 / Výchozí situace

Nejdřív poznat firmu a její dosavadní web.

Kachlička a Kohoutek pomáhá lidem vybrat obklady, dlažbu, sanitu, baterie i další vybavení. Zákazník přitom často potřebuje poradit, porovnat materiály a vidět, jak budou fungovat dohromady. Nový web měl tuhle odbornost a osobní přístup zpřístupnit už při první návštěvě.

Začal jsem proto rozborem nabídky, původní struktury a podkladů. Zajímal mě způsob, jakým firma prodává, jaké značky chce představovat a co zákazník potřebuje vědět před návštěvou vzorkovny. Z toho vycházel obsah, navigace i pořadí jednotlivých částí webu.

02 / Vizuální směr

Dva návrhy. Prostor pro skutečnou volbu.

Připravil jsem dva směry vizuální identity. Varianta A nabídla výraznější modernizaci: jednodušší kresbu kohoutku, novou podobu loga a současnější vizuální jazyk. Varianta B vycházela z původní značky a zachovávala její charakter.

Klient si vybral konzervativnější variantu B. Původní logo zůstalo zachované včetně charakteristického kohoutku, ornamentu a mosazné barevnosti. Kolem něj vznikla pravidla pro písmo, pozadí, čitelnost, rozestupy a další použití značky.

Tahle volba měla jasnou logiku. Firma si svou značku buduje dlouhodobě a chtěla si uchovat rozpoznatelnost. Nový web tomu přizpůsobil svůj styl: klidné plochy, dostatek prostoru a důraz na materiály i detaily. Modernizace tak respektovala klienta i to, s čím se jeho zákazníci už setkávali.

03 / Přechod ze starého webu

Vyžádal jsem si přístup do původní administrace.

Dlouho fungující web má svou historii. Ve vyhledávačích mohou být uložené konkrétní stránky značek, služeb i katalogové soubory. Odkazy na ně mohou lidé mít v záložkách, starých e-mailech nebo na jiných webech. Při výměně webu je potřeba vědět, co s každou takovou adresou bude dál.

Proto jsem si od klienta vyžádal přístup do administrace původního e-shopu. Umožnil mi zkontrolovat strukturu i obsah podrobněji, než je možné pouhým proklikáním veřejného menu. Načetli jsme původní URL a sestavili jejich přehled pro převod na nový web.

1. Zmapovat původní obsah.Stránky sortimentu a značek, služby, galerie i odkazy na katalogy.
2. Zachovat použitelné adresy.Tam, kde obsah pokračuje, ponechat návaznost na původní URL.
3. Navést staré odkazy na správné místo.Pro změněné adresy připravit trvalé přesměrování 301 na odpovídající obsah.
4. Prověřit hotový celek.Zkontrolovat dostupnost stránek, cíle přesměrování, interní odkazy a podklady pro indexaci.

Přesměrování zahrnovala 122 původních PDF adres a 10 katalogových sekcí. Rozsah vychází z technické kontroly 15. října 2026.

Starší odkaz na katalog baterií tak vede do příslušné části nabídky. Člověk dostane související obsah a vyhledávač informaci o jeho novém umístění. Doplnili jsme také mapu stránek a pravidla, která určují hlavní adresu každé stránky. Cílem bylo co nejvíce zachovat návaznost ve vyhledávání a omezit rizika migrace. Vývoj skutečných pozic je potřeba sledovat i po spuštění.

04 / Obsah a práce s prostorem

Pomoci zákazníkovi představit si celek.

Samotný seznam výrobků těžko ukáže, jak spolu budou fungovat v jedné koupelně. Web proto propojuje inspiraci, nabídku značek, katalogy a možnost domluvit si návštěvu. Zákazník se může zorientovat a přijít s konkrétnější představou.

Součástí úvodní stránky je i postupné skládání koupelny při posouvání webu: od prázdného prostoru přes povrchy a vybavení až k posledním detailům. Připravili jsme čtyři materiálové varianty a ovládání přizpůsobili také telefonu. Ilustrační vizualizace pomáhají vysvětlit, jak se jednotlivá rozhodnutí promítají do celku.

V průběhu práce jsme se vraceli k fotografiím, popiskům, kontaktům i mobilnímu zobrazení. Každá část měla pomáhat s výběrem nebo usnadňovat další krok: najít katalog, zavolat, napsat či otevřít navigaci do vzorkovny.

05 / Smart web v praxi

Katalogy potřebují péči i po zveřejnění.

U koupelnového studia jsou katalogy důležitým pracovním nástrojem. Výrobci ale vydávají nové verze, mění odkazy a někdy také spojují značky nebo přesouvají dokumenty. Aktuální katalog při spuštění proto ještě neřeší jeho další údržbu.

Prošli jsme katalogové podklady a jejich oficiální zdroje. Rozlišili jsme přímé PDF ke stažení, online katalogy i podklady, které je potřeba vyžádat od dodavatele. Nový přehled umožňuje hledat značku a filtrovat nabídku podle toho, co zákazník právě vybírá.

Nastavená měsíční automatická kontrola porovnává katalogové odkazy s oficiálními weby výrobců a připravuje podklady pro aktualizaci. Před výměnou ověřujeme správnou značku, vydání i dostupnost souboru. Klient tak dostává přehled toho, co se změnilo a co je potřeba řešit, a nemusí každý měsíc sám procházet všechny výrobce.

06 / Ladění po spuštění

Vrátili jsme se i k tomu, jak rychle web načítá.

Web s fotografiemi, videem a animací koupelny potřebuje pečlivě řídit, co se načte jako první. Po spuštění jsme proto pokračovali optimalizací: upravili velikosti obrázků, odlehčili písmo, připravili menší video pro mobil a odložili načítání částí, které návštěvník ještě nevidí.

Výsledky odpovídají konkrétním laboratorním měřením z 15. října 2026; při dalším testu se mohou lišit. Technické skóre SEO samo o sobě nevyjadřuje pozici ve vyhledávání.

Zobrazit uložené výsledky měření+

07 / Průběžná péče

Zveřejněním začíná další část práce.

Po přechodu se vyplatí dál sledovat indexaci, starší odkazy i chování návštěvníků. U Kachličky a Kohoutku jsme se proto vraceli k přesměrováním, sjednocení adres a technickým detailům zobrazení ve vyhledávání.

Web jsme také zapojili do společného přehledu návštěvnosti a důležitých akcí: otevření katalogu, kliknutí na telefon nebo e-mail a použití navigace. Měření respektuje volbu návštěvníka. Díky němu můžeme postupně vyhodnocovat, které části webu lidem pomáhají a kde má smysl pokračovat v úpravách.

08 / Co ukazuje tahle zakázka

Důslednost je součást dodávky.

Na hotovém webu jsou nejvíc vidět barvy, fotografie a pohyb. Stejnou pozornost ale potřebují i původní adresy, struktura obsahu, katalogové zdroje, mobilní ovládání a rychlost. Dohromady rozhodují o tom, jestli se člověk dostane k tomu, pro co přišel.

U Kachličky a Kohoutku vznikl nový web, který navazuje na známou značku, představuje nabídku v souvislostech a má připravený způsob další péče. Přesně tak chci k zakázkám přistupovat: rozumět klientovi, pohlídat přechod a dotáhnout i práci, kterou na první pohled neuvidíte.