- Základní idea a koncept: ChatGPT
- Ilustrace a doplňkové texty: primárně pomocí ChatGPT
- Programování a implementace: Cursor s využitím primárně modelu Claude Opus 4.5
- Použité technologie: Vanilla PHP, MySQL, HTML / CSS / JS
Jak vznikal tento web
Krátký pohled pod pokličku – jaké nástroje a postupy jsem použil a v jakých krocích web vznikal.
Cílem projektu také bylo ověřit skutečné schopnosti AI v praxi. Autorem obsahu jsem já, přičemž AI zde fungovala jako hlavní tvůrčí partner.
Technologické shrnutí
Jak jsem postupoval
Od nápadu po nasazení – jednotlivé kroky.
1
Nápad a koncept
Pomocí ChatGPT jsem probral cíle webu, cílovou skupinu a základní strukturu. Výsledkem byl koncept „Boomer AI“ a hrubý přehled sekcí a obsahu. Název jsem vymyslel já na základě společného brainstormingu.
2
Vizuální a komunikační koncept
ChatGPT mi také pomohl připravit vizuální a komunikační strategii. Vymyslel barevnou paletu, typografii a další vizuální prvky. Vznikl také claim a ilustrace, které můžete vidět na úvodní stránce.
3
Tvorba vzhledu webu
Na základě této vizuální identity jsme připravili zadání v markdownu. Design webu tak vznikal pomocí modelu Claude Opus 4.5 v editoru Cursor s využitím čistého HTML / CSS / JS bez dalších frameworků.
4
Redakční systém pro správu obsahu
V mezičase vznikal další zadávací dokument ve formátu markdown, který již sloužil pro tvorbu redakčního systému. Ten je opět velmi jednoduchý a postavený na Vanilla PHP, MySQL a HTML / CSS / JS. Důvodem je, že těmto technologiím rámcově rozumím a dokážu na práci alespoň dohlížet a správně ji zadat.
5
Naplnění obsahem
Jakmile bylo vše otestováno a odladěno na úroveň minimálního produkčního webu, začal jsem naplňovat obsah. Struktura opět vznikala s pomocí ChatGPT a Google Gemini. ChatGPT už dobře chápal kontext celého projektu a tak jsem ho použil také pro generování ilustrací k článkům v rámci projektu a pomocí vlastního modelu GPT odpovídal na otázky, které jsou viditelné v článcích.
6
Spuštění webu
Nejvíce práce je tradičně na konci. V pilotní fázi budu web sdílet mezi mé klienty a známé a nadále rozšiřovat a upravovat obsah. V plánu je také online kurz, nabídka otevřených a firemních kurzů.
Chcete podobný web?
Podívejte se na osobní konzultace nebo mě kontaktujte. Rád poradím i s využitím AI při tvorbě projektů.