Kráľová
Kráľová je pětičlenná kapela, která hraje nezávislý pop ve slovenštině a češtině. Její první web jsem postavil ještě na střední ve WordPressu. Letos jsem ho od základu předělal: nový vzhled, vlastní kód a redakční systém, ve kterém si kapela koncerty a novinky přidává sama.
- Role
- Design, vývoj, CMS
- Rok
- 2026
- Typ
- Web s redakčním systémem

Druhá verze
S frontmankou Zuzkou jsme se potkali na divadelním workshopu. Kapela tehdy sháněla web, a tak vznikl můj první projekt ve WordPressu, zároveň moje maturitní práce. Fungoval, ale spokojený jsem s ním nebyl a kapela se v administraci těžko vyznala.
Letos se mi Zuzka ozvala znovu. Kapela vydává knihu a chtěla nové stránky. Domluvili jsme se, že tentokrát půjdeme na vlastní řešení. Hlavní požadavek byl jasný: přidat koncert musí jít za pár vteřin a nesmí se přitom rozbít vzhled.


Vlevo původní web na WordPressu, vpravo nový. Posuňte předělem.
Ranní světlo
Kapela chtěla web světlý a snový, ale ne přeslazený. Vzhled stojí na ranním světle a oparu: jemný přechod barev, který pomalu dýchá, a filmové zrno. Motiv jsem vzal z jejich singlu Miznúca. Logo i přechody mezi sekcemi se rozplývají do světla.
Nejdřív jsem kapele poslal klikací prototyp, abychom se shodli na barvách a atmosféře. Připomínky jsme pak probrali na společném hovoru a podle nich jsem web postavil.


Upravují si ho sami
Všechno, co je na webu vidět, si kapela upravuje v Sanity Studiu. Funguje v prohlížeči i v telefonu. Když něco publikují, web se do minuty sám přestaví.
Studio jsem připravil tak, aby nešlo nic rozbít. Blok s aktualitou pod hlavní fotkou má pevné typy (koncerty, nové vydání, kampaň, oznámení), takže se vzhled nemůže rozjet. U fotek kapela označí obličej a web podle něj fotku ořízne. Na starém webu se totiž hlavy na fotkách často usekávaly.

Nový koncert v Sanity Studiu: datum, město, klub a publikovat.

K webu dostala kapela pětistránkový návod v PDF, ve stejném stylu jako web.
Koncerty se archivují samy
Kapela zadá datum, město a klub. Den po koncertu se termín sám přesune do archivu, i když nikdo nic neupraví. Web se kvůli tomu každou noc přestaví.
Spotify až na kliknutí
Přehrávač Spotify má kolem jednoho megabajtu skriptů a přináší cookies třetích stran. Načte se proto až ve chvíli, kdy si návštěvník chce písničku pustit. Do té doby je na jeho místě lehký náhled.
Slovensky i česky
Každý text má slovenskou a českou verzi. Když česká chybí, web ukáže slovenskou, takže nikde nezůstane prázdné místo. Staré adresy z WordPressu vedou na nové, takže odkazy z Googlu i sociálních sítí fungují dál.


Medailonky členek se otevírají v okně nad stránkou.
Logo navrhla Karolína Hubíková, ilustrace jsou od Adely Ticháčkové a fotky od Jakuba Kovalíka.
Technologie
- Astro 7
- TypeScript
- Tailwind CSS 4
- Sanity
- Vercel
- GitHub Actions