Rozhodnutie počas projektu
Počas práce padlo rozhodnutie, že pre dlhodobú obsluhu bude lepší vlastný plugin a jednoduché formuláre než skladanie bežných úprav v builderi.
Detail projektuWeby
Kultúra Hlohovec
Kultúrny web s vlastnou jednoduchou administráciou pre pracovníkov MKC: podujatia, termíny, slider, popupy a spodná lišta bez skladania stránok v builderi.
Čo som dodal
WordPress pluginUX adminuobsahový systém
Problém
Počas projektu sa ukázalo, že najväčšia hodnota nebude len vo verejnom dizajne. MKC potrebuje web denne obsluhovať: pridať podujatie, zmeniť termín, vložiť plagát, zapnúť slider, vydať popup alebo zvýrazniť najbližšiu akciu. Ľudia v kultúrnych centrách často neriešia webovú štruktúru, domény alebo technické pojmy. Vedia len, že konkrétny event musí byť na webe a návštevník sa k nemu musí rýchlo dostať. Preto padlo rozhodnutie nenechať obsluhu stáť na skladaní layoutov v Elementore, ale pripraviť vlastný WordPress plugin s jednoduchými pracovnými formulármi.
Prístup
Cieľ bol veľmi praktický: pracovník nemá byť webár. Má otvoriť jasnú položku v administrácii, vyplniť pár zrozumiteľných polí, uložiť a verejný web sa má postarať o zobrazenie. Admin preto nepýta technickú logiku webu, ale veci, ktorým pracovník rozumie: názov podujatia, dátum, miesto, plagát, vstupné, termín a odkaz na vstupenky. Pri kultúrnom a mestskom webe zároveň treba myslieť na prístupnosť podľa princípov WCAG: čitateľnú typografiu, kontrast, logické nadpisy, zrozumiteľné odkazy a použiteľnosť aj pre ľudí, ktorí web neovládajú ideálnym spôsobom. Dizajn ostáva pod kontrolou, obsah sa dá meniť bezpečne a obsluha nemusí rozmýšľať nad tým, ako je stránka technicky poskladaná.
Rozhodnutie
Kľúčové rozhodnutie vzniklo počas projektu: posunúť web od vizuálneho skladania k vlastnému obsahovému systému, pretože dlhodobo dávalo väčší zmysel postaviť jednoduchú obsluhu nad reálnymi potrebami kultúrneho centra.
Proces
Obsluha je dôležitejšia než efektný builder
Kultúrne centrum potrebuje pridávať a meniť obsah často. Preto musí byť admin zrozumiteľný pre človeka, ktorý rieši program, nie technické vrstvy webu.
Dizajn zostáva chránený
Redaktor vypĺňa obsah, termíny, obrázky a nastavenia. Verejný web si ich zoberie a zobrazí v pripravenom dizajne, takže sa pri bežnej obsluhe nerozpadne layout.
Prevádzková vrstva
Admin a moduly, ktoré držia web použiteľný.
Case study nemá ukázať iba výsledný dizajn. Dôležitá je aj každodenná obsluha: čo vie pracovník upraviť, kde sa dopĺňajú dáta a ako web zostáva pod kontrolou.
názov, typ, miesto, popis, obrázky, termíny, cena a vstupenky v jednom toku
podujatia, slideshow, popupy a spodná lišta pre najbližšie podujatie
horný banner, plagát a obrázok do karty alebo loop itemu
podujatiapridať podujatie, upraviť detail, doplniť termíny, cenu a vstupenky
slideshowfotka, nadpis, text, tlačidlo, poradie a platnosť od-do
popupyoznam, posledné vstupenky alebo upozornenie s frekvenciou a prioritou
spodná lištaautomaticky najbližšie podujatie alebo ručný výber konkrétnej akcie
obrázkybanner, plagát, karta a alt texty bez zásahu do layoutu
publikovanieuložiť ako koncept alebo publikovať hneď podľa pripraveného pracovného toku
Obrazovky
Detailné zábery riešenia.
Viac obrazoviek ukazuje, že projekt nie je jedna efektná homepage, ale systém rozhodnutí: verejný dizajn, obsahové moduly, interakcie a administrácia.
Obrazovka 01
Reálny program bez admin lišty
Základom je živý verejný screenshot programu: kategórie, loop grid, dátumy, karty a vstupenky bez WordPress admin baru.
Obrazovka 02
Hover/glitch loop itemu
GIF je postavený na reálnej karte programu. Dotvorený je iba pohyb kurzora, zvýraznenie CTA a glitch efekt, aby bolo vidno interakčný zámer.
Obrazovka 03
Reálny popup na verejnej časti
Ukážka verejného výsledku popup managera: posledné vstupenky, obrázok, text a tlačidlo bez zásahu do rozloženia stránky.
Obrazovka 04
Vlastný plugin v administrácii
Reálny admin pohľad na Kultura Core ukazuje, že funkcionalita je rozdelená do modulov a dá sa riadiť mimo buildera.
Vizuálny systém
Farby, tlačidlá a akcenty.
Paleta a CTA prvky vedú pozornosť. Farby nie sú len estetika, ale orientačné značky: čo je hlavná akcia, čo je pracovná plocha a čo je špecifický stav.
MKC pink
#EB5893Vstupenky, aktívne stavy, kategórie programu a výrazné navigačné body.
Text black
#171719Silná typografia kariet, aby názov podujatia ostal čitateľný aj pri bohatých plagátoch.
Card white
#FFFFFFČistá plocha pre loop item, dátum, meta informácie a CTA.
Admin grey
#F4F4F5Neutrálne pracovné prostredie pre moduly, tabuľky a redakčné obrazovky.
Pracovný štart
Redaktor začína konkrétnou úlohou, nie prázdnou stránkou v builderi.
Rýchla aktualita
Homepage banner sa dá meniť bez skladania hero sekcie.
Prevádzková kontrola
Spodná lišta a popupy sú zapínateľné nástroje, nie tvrdé zásahy do šablóny.
Funkčné moduly
Čo musí web zvládnuť.
Čo sa reálne riešilo
Jednoduchá tvorba podujatia
Názov, typ podujatia, miesto, stav, popis, obrázky, termíny, cena a link na vstupenky sú v jednom pracovnom formulári. Redaktor nerieši layout ani technické pojmy.
Termíny a vstupenky
Podujatie môže mať jeden alebo viac termínov. Pri každom sa nastavuje dátum, čas, miesto, vstupné, cena a odkaz na predaj.
Homepage slideshow
Pracovník vie pridať slide s fotkou, nadpisom, krátkym textom, tlačidlom, poradím a platnosťou od-do.
Popup manager
Jednoduchý nástroj na oznamy, posledné vstupenky alebo upozornenia so zapnutím, frekvenciou, dátumovou platnosťou a prioritou.
Spodná lišta podujatia
Promo lišta vie automaticky vytiahnuť najbližšie podujatie alebo použiť ručne vybranú akciu. Dá sa zapnúť na homepage, programe alebo celom webe.
Kontrola dizajnu
Obsah sa mení cez formuláre, ale verejný vzhľad ostáva riadený systémom. To chráni web pred rozpadnutím pri bežnej obsluhe.
Prístupnosť a WCAG
Pri verejnom programe kultúrneho centra je dôležitý kontrast, čitateľnosť, správna hierarchia nadpisov, alt texty a jasné CTA prvky.
Preklad z praxe do webu
Pracovník príde s vetou “máme podujatie”. Systém ho prevedie tým, čo treba doplniť, aby z toho vznikla karta, detail, termín a cesta k vstupenke.
Výsledok je web, ktorý nepracuje len navonok, ale aj dovnútra. Pre návštevníka je to program kultúry. Pre pracovníka MKC je to jednoduchý nástroj: pridať obsah, uložiť a nechať systém postarať sa o dizajn.
Výsledok projektuĎalší projektHlohovský zámok →