Skip to content
Den s AI27. března 2026· 5 min čtení

Den s AI: Prémiový redesign, nová stránka služeb a AI obrázky do blogu. Za 6 hodin.

Přepsal jsem stránku služeb od základu — 5 služeb, bento grid, dvě tlačítka. Zároveň prémiovej redesign klientského projektu a AI generované obrázky pro každej blog post.

Den s AI: Prémiový redesign, nová stránka služeb a AI obrázky do blogu. Za 6 hodin.

Co jsem řešil

Pátek. Dva projekty naráz — klientský a vlastní web. Plus obrázky do blogu, protože texty bez vizuálu vypadají holé.

Co jsem udělal

Klientský projekt — prémiový redesign

Platforma na AI matchmaking dostala nový kabát:

  • AI prompt tuning — přesnější a přirozenější výstupy
  • CRUD operace — správa dat přímo v UI
  • Remotion animace — vizuální přechody v demo prezentaci
Stránka služeb na osobním webu — kompletní přepis

Stará stránka byl seznam odrážek. Nová vypadá jako produkt:

  • 5 služeb s vlastními sekcemi a popisem pro lidi bez tech background
  • Bento grid layout — vizuálně čitelný, ne zeď textu
  • Nová sekce metodologie — jak pracuji, ne jen co dělám
  • Dvě CTA tlačítka: přímá rezervace v Google Calendar + kontaktní formulář s předvyplněnou službou
AI obrázky pro blog

Vygeneroval jsem hero obrázky pro blog posty přes Nano Banana 2 (model: Gemini Flash Image). Každý post má teď svůj vizuál místo placeholder rectanglu.

Problémy po cestě

CTA tlačítka v blogu ukazovala na špatný odkaz. Opravil jsem kontaktní linky tak, aby vedly přímo na rezervaci v Google Calendar.

Čas: AI vs bez AI

ÚkolBez AIS AI
Redesign klientského projektu1-2 dny~2h
Přepis stránky služeb1 den~2h
AI obrázky + blog fix4h~1h
Remotion animace1 den~1h
Celkem2-3 dny~6h

Co jsem se naučil

  • Copy na stránce služeb musí být srozumitelný pro lidi bez technického zázemí — pokud tomu nerozumí tvoje máma, přepiš to
  • Dvě CTA (přímá rezervace + zpráva) fungují líp než jedno — různí lidi, různé preference
  • Hero obrázky ke článkům nejsou nice-to-have, jsou nutnost — vizuál rozhoduje, jestli někdo klikne
#den-s-ai#personalweb#redesign#vercel#nextjs

Zaujal vás článek?

Pojďme si říct, co by podobná automatizace udělala ve vaší firmě.

Konzultace zdarma