✺ Praktický kurz Claude Code zdarma Prohlédnout kurz →
Vojtěch ✦ Bruk Nezávazná konzultace

Tvorba webových stránek

Vojtěch Bruk: osobní web, který spojuje webdesign a AI

Nový design pro služby, zkušenosti a praktický obsah

vojtechbruk.cz ↗
Vojtěch Bruk
Hlavní oblasti
2

Webdesign a AI

Redesign
2026

Postupné nasazování na WordPressu

Porovnané stránky
3

Homepage, služby a blog

01 / O projektu

Vlastní web propojuje moje služby, osobní značku a obsah o webech a AI. Redesign sjednocuje jejich prezentaci a zachovává WordPress i stávající články.

Zadání projektu

Můj web má několik rolí: představuje služby, ukazuje zkušenosti a slouží jako knihovna článků, návodů a pojmů. Původní homepage začínala tvorbou webových stránek na míru; v navigaci už ale byly také AI, kurzy a obsahové sekce.

Nový návrh měl tyto oblasti propojit v jednotném designu. Přestavba probíhala postupně na existujícím WordPressu, takže bylo potřeba nasazovat nové šablony po jednotlivých částech a zachovat stávající obsah a adresy.

Starý web – Vojtěch Bruk
Starý web

Řešení

Nová homepage staví vedle sebe tvorbu webů a AI procesy. Osobní portrét doplňují ukázky realizací, loga spoluprací a recenze. Přehled služeb i blog navazují stejnými barvami, typografií, navigací a cestou ke kontaktu.

Nový web – Vojtěch Bruk
Nový web
02 / Výsledek

Co jsme udělali

Vlastní web jsem přestavoval po jednotlivých šablonách, se zachováním existujícího obsahu.

  1. 01

    Zachování podkladů

    Archivace původního webu a screenshotů před prvními změnami.

    Zachování podkladů
  2. 02

    Nový vizuální návrh

    Převod Figma designu do WordPress šablon se společnou typografií, barvami a navigací.

    Nový vizuální návrh
  3. 03

    Postupné nasazení

    Nejprve homepage, potom další stránky a sdílené části. Kód se udržuje v Gitu.

    Postupné nasazení
  4. 04

    Obsah a kontrola

    Propojení služeb s blogem, kontrola nových šablon a srovnání se zachovanými snímky původního webu.

    Obsah a kontrola
03 / Součásti řešení

Co nový web umí

Osobní homepage

Portrét, ukázky realizací, spolupráce a propojení webdesignu s AI.

Přehled služeb

Samostatné karty nabídky s navazujícími detaily jednotlivých služeb.

Archiv článků

Hledání, tematické odkazy a karty pro orientaci v existujícím obsahu.

Společná navigace

Nová hlavička a patička propojují obsahové a servisní části webu.

Recenze klientů

Zkušenosti klientů jsou součástí homepage a přehledu služeb.

Kontaktní formuláře

Vizuálně sjednocené formuláře navazují na službové i obsahové stránky.

Výsledky

Homepage představuje obě hlavní oblasti práce. Tvorbu webů doplňují AI školení, automatizace a propojení s AI Kruhem. Místo obecného seznamu vlastností webu úvod pracuje s osobní značkou, ukázkami a zkušenostmi.

Služby mají vlastní přehled. Nabídka propojuje tvorbu webových stránek, SEO, správu webu, konzultace a AI. Jednotlivé oblasti vedou na navazující stránky.

Obsahová část zůstává součástí webu. Blog dostal nový archiv s hledáním, tematickými odkazy a kartami článků. Stávající články pokračují na svých adresách; nový vzhled archivu neznamená, že je přepsaný každý detail článku.

Nasazení probíhá po jednotlivých šablonách. Vlastní WordPress téma se udržuje v Gitu a nasazuje přes GitLab. Nová hlavička, patička a kontakt propojují postupně upravené části webu. Galerie porovnává archivovaný stav s novou živou podobou homepage, služeb a blogu.

Pojďme začít

Je čas dát vašemu webu novou podobu?

Projdeme, co má zůstat, co potřebuje změnit a jak redesign nasadit postupně na váš stávající web.

Napsat e-mail [email protected]
Kontaktní formulář