Otestovali jsme pro vás: redesign webu pomocí Claude Design

Redesign webu býval ještě nedávno proces na týdny. Dnes už ale existují AI nástroje, které dokážou během krátké chvíle navrhnout nový vzhled webu, blogu nebo e-shopu a výrazně urychlit první fázi celého projektu. Jeden z nich je Claude Design (k dnešnímu datu 21.4.2026 ho najdete na adrese https://claude.ai/design), který jsme pro vás otestovali na redesignu hlavní stránky našeho webu affial.com

V tomto článku vám ukážeme praktický postup, jak pomocí AI připravit redesign webu, co je to .md soubor, jak dodat správný kontext a proč může být Claude Design zajímavým nástrojem pro publishery, inzerenty i provozovatele e-shopů.

Proč dnes řešit redesign webu pomocí AI

Mnoho firem, publisherů i e-shopů má funkční web, který ale vizuálně stárne. Často chybí čas připravit detailní brief, hledat inspiraci a zadávat redesign klasickou cestou. Finančně je tento proces také velmi náročný.

Právě tady může pomoci AI redesign webu. Umělá inteligence sice zatím nenahradí kompletní UX a finální vývoj, ale velmi dobře poslouží jako nástroj pro:

• hledání nového vizuálního směru,
• návrh nové struktury stránky,
• inspiraci pro homepage, blog nebo e-shop,
• rychlé vytvoření prvního návrhu redesignu

Pokud tedy přemýšlíte, jak udělat redesign webu pomocí AI, může být tento postup velmi dobrý začátek.

Jak jsme testovali Claude Design na affial.com

Jako příklad jsme použili náš vlastní web affial.com. Chtěli jsme si ověřit, jestli dokáže Claude Design vytvořit zajímavý návrh redesignu na základě několika jednoduchých vstupů.

Postup byl překvapivě jednoduchý.

Nejprve jsme si otevřeli naši homepage a udělali printscreen celé webové stránky. Tento screenshot jsme následně vložili do AI nástroje a zadali mu, aby pro nás vytvořil .md soubor s kontextem webu.

Co je .md soubor a proč je důležitý pro redesign webu

.md soubor je jednoduchý textový soubor ve formátu Markdown. V praxi jde o přehledně sepsaný kontext, který může AI použít jako zadání pro další práci.

V našem případě .md soubor obsahoval například:

• popis webu,
• strukturu homepage,
• hlavní texty a obsahové bloky,
• cílovou skupinu,
• barvy, styl a tone of voice značky,
• účel webu.

Tohle je velmi důležité. Pokud chcete dělat redesign webu pomocí Claude Design, nestačí AI jen ukázat screenshot. Mnohem lepší výsledky dostanete ve chvíli, kdy jí zároveň dodáte i dobře připravený kontext.

.md soubor v dnešní době určitě nevytvářejte samy. Jakákoliv AI vám ho vytvoří z připraveného scrennshotu vašeho webu. Výsledný .md soubor pak můžete případně opravit ještě samy aby opravdu obsahoval vše tak, jak potřebujete.

Další krok: inspirace pro nový design webu

Kromě screenshotu vlastního webu jsme si připravili také inspiraci. Konkrétně:

• screenshot webu, jehož design se nám líbil,
• případně URL stránky, kterou se má nový návrh inspirovat.

To je podle nás klíčový krok. AI pak neví jen to, co má zachovat, ale i to, jakým směrem se má nový design webu vydat.

Pokud chcete z AI dostat lepší návrh, doporučujeme vždy dodat:

• aktuální podobu svého webu pro kontext,
• kontext v .md souboru,
• inspiraci pro nový vizuální styl,
• logo jako samostatný obrázek.

Co jsme nahráli do Claude Design

Do Claude Design jsme pak vložili všechny připravené podklady:

• .md soubor s kontextem,
• screenshot nebo odkaz na inspirativní web,
• naše logo.

Zkoušeli jsme přidat i brand manuál, aby AI měla přesné barvy a fonty. V praxi se ale ukázalo, že je často efektivnější dodat logo přímo samostatně a barvy a fonty má již popsané v .md souboru. Nástroj pak nemusí zbytečně zpracovávat další podklady a výsledek bývá praktičtější.

Jak dopadl redesign webu pomocí Claude Design

Výsledek nás příjemně překvapil. Návrh nepůsobí jen jako statický obrázek, ale jako opravdu funkční základ nového webu. Je vidět, že Claude Design už dnes umí vytvořit návrh, který může sloužit jako velmi dobrý odrazový můstek pro další práci.

Zároveň je ale fér říct, že zatím jde spíše o silný nástroj pro inspiraci při redesignu webu než o hotové řešení bez úprav.

V našem případě totiž nebyl výstup dobře dotažený pro mobilní telefony. Design nebyl dostatečně responzivní a bylo by potřeba ho dál upravovat, ladit a vést tak, aby dobře fungoval i na mobilu.

Právě tohle považujeme za důležité zmínit. Claude Design už dnes dokáže navrhnout velmi zajímavý a funkční základ, ale finální dotažení responsiveness a UX stále vyžaduje další práci.

Pro koho je Claude Design vhodný

Použití tohoto nástroje dává smysl hlavně pro:

• publishery, kteří chtějí redesign obsahového webu nebo blogu,
• inzerenty, kteří hledají nový směr pro firemní web,
• e-shopy, které chtějí otestovat redesign homepage nebo produktové stránky,
• majitele menších projektů, kteří potřebují rychle získat inspiraci.

Pokud tedy řešíte redesign blogu, redesign e-shopu nebo redesign firemního webu, může být Claude Design velmi zajímavým pomocníkem.

Naše zkušenost a závěr

Za nás je Claude Design už teď velmi silný nástroj pro první návrh a inspiraci. Nebereme ho jako finální řešení na jedno kliknutí, ale jako praktický způsob, jak výrazně zrychlit první fázi redesignu.

Největší přínos vidíme v tom, že:

• rychle získáte nový vizuální směr,
• snadno si ověříte různé možnosti redesignu,
• dostanete funkční základ, ze kterého se dá dál vycházet.

Pokud přemýšlíte, jak dnes uchopit redesign webu pomocí AI, rozhodně dává smysl podobný postup vyzkoušet. Už teď je vidět, že tyto nástroje mají velký potenciál a do budoucna budou při návrhu webů hrát stále větší roli.

My se určitě těšíme, kam se Claude Design i podobné AI nástroje posunou dál.

Použili byste AI pro redesign webu i vy?

Máte zkušenost s nástroji jako Claude Design, ChatGPT nebo Gemini při návrhu webu, blogu nebo e-shopu? Budeme rádi, když se s námi podělíte o své zkušenosti a výsledky.