Přeskočit na obsah
Lukáš Kubík
Všechny práce

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
Úvodní stránka webu kapely Kráľová

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.

Nový web kapely Kráľová
Původní web kapely Kráľová na WordPressu
PůvodníNový

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.

Stránka s koncerty kapely Kráľová
Koncerty na mobilu

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.

Formulář koncertu v Sanity Studiu

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

Návod pro kapelu: obálka a strana o přidání koncertu

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.

Nejnovější vydání s náhledem přehrávače Spotify
Medailonek členky kapely v okně nad stránkou

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