Kontext
Vissi D'Arte Management je medzinárodná produkčná spoločnosť a manažment klasickej hudby so sídlom v Londýne. Spoločnosť zastupuje špičkových umelcov — operných spevákov, dirigentov a inštrumentalistov — a organizuje koncerty, gala vystúpenia a turné na prestížnych svetových scénach (Carnegie Hall, Royal Opera House, La Scala).
Úlohou bolo vytvoriť modernú webovú platformu, ktorá:
- profesionálne prezentuje roster umelcov s podrobnými profilmi
- zobrazuje nadchádzajúce a minulé koncertné udalosti
- ponúka bohatú foto a video galériu s lightbox zobrazením
- umožňuje jednoduchú správu obsahu cez WordPress admin panel
- odráža prestíž a eleganciu značky manažmentu klasickej hudby
- je dostatočne rýchla a škálovateľná pre medzinárodné publikum
Čo nefungovalo
Existujúci WordPress web bol klasický — používala sa štandardná téma, ktorá nezodpovedala úrovni prestíže organizácie:
- pomalé načítanie stránok kvôli neoptimalizovanému WordPress renderingu (celých 5+ sekúnd pre úvodnú stránku)
- dizajn neprenášal luxusnú identitu značky manažmentu klasickej hudby
- obsah bol neštruktúrovaný — umelci, eventy a galérie nemali jasnú navigáciu
- mobilné zobrazenie bolo primitívne, nevhodné pre medzinárodné publikum
- nedostatok moderných webových štandardov — žiadny lazy loading, žiadne optimalizované obrázky, žiadne kešovanie
- WordPress backend bol ťažko ovládateľný — neexistovali prispôsobené polia pre špecifické dáta o umelcoch a udalostiach
Medzinárodné publikum a partneri klasickej hudby očakávajú digitálny zážitok zodpovedajúci svetovej úrovni umelcov, ktorých VDAM zastupuje. Starý web to nedokázal poskytnúť.
Čo sme urobili
Vyvinuli sme úplne novú webovú platformu s použitím headless WordPress architektúry s Nuxt 3 frontendom, čo kombinuje flexibilitu WordPress CMS-u s rýchlosťou a eleganciou moderného JavaScript frameworku. Výsledkom je profesionálna webová platforma pre manažment klasickej hudby, ktorá je rýchla, bezpečná a ľahko ovládateľná.
1. Headless WordPress + Nuxt 3 architektúra
Headless WordPress prístup znamená, že WordPress funguje výlučne ako CMS (backend), a Nuxt 3 je zodpovedný za frontend:
- WordPress backend — CMS s ovládacím panelom pre zadávanie a správu obsahu o umelcoch, udalostiach a galériách
- Nuxt 3 frontend — preberá dáta cez REST API a renderuje ich so server-side renderingom (SSR)
- ISR (Incremental Static Regeneration) na Verceli — optimálna rovnováha medzi čerstvým obsahom a ultrarýchlym načítaním
- Úplne oddelená architektúra — vyššia bezpečnosť, flexibilita a možnosť rozšírenia bez riziká kompromitácie CMS-u
2. Server-side proxy so SWR kešovaním
Namiesto toho, aby frontend priamo volal WordPress API, všetky požiadavky prechádzajú cez Nuxt server:
- Nuxt server ako proxy — všetky API volania na WordPress idú cez server routes (proxy), čo chráni WordPress pred priamym zaťažením
- SWR (stále-while-revalidate) kešovanie — kešuje obsah a znižuje zaťaženie WordPress servera
- Rýchlejšie odpovede — používatelia dostávajú kešované odpovede okamžite, zatiaľ čo sa obsah aktualizuje na pozadí
- Ochrana WordPress-u — zdrojová databáza je chránená pred preťažením a zneužitím
3. Tmavá luxusná téma so zlatými akcentmi
Dizajn je prispôsobený manažmentu klasickej hudby — prestíž, elegancia a modernosť v rovnováhe:
- Tmavé UI — elegantné, sofistikované, odráža luxus a serióznosť značky
- Zlaté akcenty — starostlivo umiestnené pre zvýraznenie dôležitých prvkov
- Sofistikovaná typografia — vybrané fonty evokujúce kvalitu a tradíciu
- Vizuálna rovnováha — bohatá identita bez preťaženia, čitateľná a prístupná
4. Štyri vlastné post typy (CPT) pre štruktúrovanie obsahu
Namiesto jedného generického post typu sme vytvorili špecifické typy obsahu pre potreby manažmentu:
- Artists — podrobné profily umelcov (biografia, fotografie, diskografia, social linky, kontakt na agenta)
- Events — koncerty a gala vystúpenia (dátum, miesto, program, cena, link na nákup vstupeniek)
- Gallery — foto a video kolekcie s lightbox zobrazením pre každý event alebo projekt
- Press — mediálne články, recenzie, kritiky a press kit materiály
Každý CPT má prispôsobené custom fields v WordPress admin-e, čo umožňuje tímu VDAM-u zadávať obsah bez technických znalostí. Jednoducho — otvoria WordPress admin a vyplnia polia pre nových umelcov alebo udalosti.
5. Hero carousel a vizuálne prvky
- Animovaný hero carousel na úvodnej stránke — rotuje cez najdôležitejších umelcov a nadchádzajúce udalosti s plynulými prechodmi
- Optimalizované obrázky — všetok vizuálny obsah je konvertovaný do formátu WebP s lazy loadingom, čo znamená rýchle načítanie aj na pomalých pripojeniach
- Responzívny dizajn — dokonalé zobrazenie na všetkých veľkostiach obrazovky (mobil, tablet, desktop)
- Prémiové efekty — elegantné prechody a hover interakcie, ktoré prispievajú k luxusnému dojmu bez zahlcovania
6. Kontaktný formulár a bezpečné integrácie
- Spoľahlivý kontaktný formulár — validácia na frontende (okamžitá kontrola) a backende (dodatočná bezpečnosť)
- Ochrana pred spamom — CSRF tokeny a rate limiting zabezpečujú, že len legitimné požiadavky sa dostanú k tímu
- Emailové notifikácie — tím VDAM-u je informovaný o každom dopyte (booking požiadavky, partneri, médiá atd.)
Technológie
- Nuxt 3 — Vue 3 framework s SSR a ISR podporou
- WordPress — headless CMS pre správu obsahu
- Tailwind CSS — utility-first CSS framework pre rýchly a konzistentný dizajn
- Vercel — hosting s ISR kešovaním a globálnym CDN
- REST API — komunikácia medzi WordPress-om a Nuxt frontendom
- SWR kešovanie — server-side proxy pre optimálny výkon
Čo sa zmenilo
Pred — starý web (Mobile):
Po — nový web (Mobile):
Po — nový web (Desktop):
- Výrazne rýchlejšie načítanie — z 5+ sekúnd na menej ako 1,5 sekundy vďaka headless architektúre a ISR kešovaniu na Verceli
- Elegantnejšia prezentácia — tmavá luxusná téma so zlatými akcentmi vytvára skutočný prémiový dojem zodpovedajúci úrovni značky
- Jednoduchšia správa obsahu — tím VDAM-u používa známy WordPress admin panel bez potreby vývoja
- Štruktúrovaný obsah — 4 rôzne post typy (umelci, eventy, galérie, press) namiesto generickej WordPress štruktúry
- Profesionálna digitálna identita — webová platforma teraz komunikuje prestíž a medzinárodnú úroveň organizácie
- Škálovateľnosť — platforma sa dá jednoducho rozšíriť o nové sekcie alebo kategórie bez technických obmedzení
Čo je teraz možné
Vissi D'Arte Management teraz môže:
- Rýchlo pridávať nový obsah — noví umelci, koncerty alebo galérie sa zadávajú cez WordPress admin bez technickej pomoci alebo čakania na programátora
- Elegantne prezentovať udalosti — každý koncert (Carnegie Hall, Royal Opera House) má vlastnú landing stránku s programom, miestom, linkami na vstupenky
- Škálovať bez degradácie — ISR a SWR kešovanie znamená, že platforma zostáva rýchla aj so stovkami udalostí a galérií
- Centralizovať mediálnu komunikáciu — press materiály, recenzie a mediálne kontakty sú dostupné na jednom mieste pre novinárov a partnerov
- Flexibilne rozširovať funkcie — nové vlastnosti alebo sekcie (napr. shop pre albumy, live stream events) sa dajú pridať na frontende bez zmeny CMS-u
Súhrn projektu
Technický profil:
- Headless WordPress + Nuxt 3 architektúra
- Server-side rendering (SSR) + ISR (Incremental Static Regeneration)
- SWR kešovanie cez Nuxt proxy
- Tmavá luxusná téma so zlatými akcentmi
- 4 prispôsobené post typy (Umelci, Eventy, Galérie, Press)
Výsledok:
- Webová platforma, ktorá je 3-4x rýchlejšia ako klasický WordPress
- Správa obsahu bez technických znalostí
- Profesionálna digitálna identita manažmentu klasickej hudby
- Deploy na Verceli s globálnym CDN a 99,9% uptime
Digitálna scéna, ktorá dôstojne predstavuje špičkových umelcov klasickej hudby.
Pozrite si webovú platformu
Ak chcete podobnú modernizáciu identity alebo webovej platformy pre hudobnú organizáciu, produkčnú spoločnosť alebo agentúru — kontaktujte nás. Vytvoríme riešenie, ktoré presne komunikuje vaše hodnoty a prináša výsledky.