Vissi D'Arte Management – web platforma za internacionalnu produkcijsku kuću klasične muzike

Kontekst

Vissi D'Arte Management je internacionalna produkcijska kuća i menadžment klasične muzike sa sjedištem u Londonu. Kompanija zastupa vrhunske umjetnike — operske pjevače, dirigente i instrumentaliste — i organizuje koncerte, gala nastupe i turneje na prestižnim svjetskim scenama (Carnegie Hall, Royal Opera House, La Scala).

Zadatak je bio stvoriti modernu web platformu koja će:

• profesionalno prezentovati roster umjetnika sa detaljnim profilima
• prikazivati predstojeće i prošle koncertne događaje
• ponuditi bogatu foto i video galeriju sa lightbox prikazom
• omogućiti jednostavno upravljanje sadržajem kroz WordPress admin panel
• odražavati prestiž i eleganciju brenda menadžmenta klasične muzike
• biti dovoljno brza i skalabilna za međunarodnu publiku

Šta nije radilo

Postojeći WordPress sajt je bio klasičan — korišćena je standardna tema koja nije odgovarala nivou prestiža organizacije:

• sporo učitavanje stranica zbog neoptimizovanog WordPress renderinga (cijelih 5+ sekundi za početnu stranicu)
• dizajn nije prenosio luksuzni identitet brenda menadžmenta klasične muzike
• sadržaj je bio nestruktuiran — umjetnici, eventi i galerije nisu imali jasnu navigaciju
• mobilni prikaz je bio primitivan, neprikladan za međunarodnu publiku
• nedostatak modernih web standarda — nema lazy loadinga, nema optimizovanih slika, nema keširanja
• WordPress backend je bio teško upravljiv — nisu postojala prilagođena polja za specifične podatke o umjetnicima i događajima

Internacionalna publika i partneri klasične muzike očekuju digitalno iskustvo koje odgovara svjetskom nivou umjetnika koje VDAM zastupa. Stari sajt to nije mogao pružiti.

Šta smo uradili

Razvili smo potpuno novu web platformu koristeći headless WordPress arhitekturu sa Nuxt 3 frontend-om, što kombinuje fleksibilnost WordPress CMS-a sa brzinom i elegancijom modernog JavaScript framework-a. Rezultat je profesionalna web platforma za menadžment klasične muzike koja je brza, sigurna i laka za upravljanje.

1. Headless WordPress + Nuxt 3 arhitektura

Headless WordPress pristup znači da WordPress radi isključivo kao CMS (backend), a Nuxt 3 je zadužen za frontend:

• WordPress backend — CMS sa kontrolnom pločom za unos i upravljanje sadržajem o umjetnicima, događajima i galerijama
• Nuxt 3 frontend — preuzima podatke preko REST API-ja i renderuje ih sa server-side rendering (SSR)
• ISR (Incremental Static Regeneration) na Vercel-u — optimalan balans između svježeg sadržaja i ultrabrze brzine učitavanja
• Potpuno razdvojena arhitektura — veća sigurnost, fleksibilnost i mogućnost proširenja bez rizika od kompromitovanja CMS-a

2. Server-side proxy sa SWR keširanjem

Umjesto da frontend direktno poziva WordPress API, sve zahtjeve prolazi kroz Nuxt server:

• Nuxt server kao proxy — sve API pozive ka WordPress-u ide kroz server route (proxy), što štiti WordPress od direktnog opterećenja
• SWR (stale-while-revalidate) keširanje — kešira sadržaj i smanjuje opterećenje WordPress servera
• Brži odgovori — korisnici dobijaju keširane odgovore instant, dok se sadržaj ažurira u pozadini
• Zaštita WordPress-a — izvorna baza podataka je zaštićena od preopterećenja i zloupotrebe

3. Tamna luksuzna tema sa zlatnim akcentima

Dizajn je prilagođen menadžmentu klasične muzike — prestiž, elegancija i modernost u balansu:

• Tamni UI — elegantan, sofisticiran, reflektuje luksuz i serioznost brenda
• Zlatni akcenti — pažljivo postavljeni za highlight-ovanje važnih elemenata
• Sofisticirana tipografija — odabrani fontovi koji evociraju kvalitet i tradiciju
• Vizuelni balans — bogat identitet bez preopterećenja, čitljiv i pristupačan

4. Četiri custom post tipa (CPT) za strukturiranje sadržaja

Umjesto jednog generičkog post tipa, kreirali smo specifične tipove sadržaja za potrebe menadžmenta:

• Artists — detaljni profili umjetnika (biografija, fotografije, diskografija, social linkovi, agent kontakt)
• Events — koncerti i gala nastupi (datum, lokacija, program, cijena, link za kupovinu karata)
• Gallery — foto i video kolekcije sa lightbox prikazom za svaki event ili projekt
• Press — medijski članci, recenzije, kritike i press kit materijali

Svaki CPT ima prilagođene custom fields u WordPress admin-u, što omogućava timu VDAM-a da unosi sadržaj bez tehničkog znanja. Jednostavno — otvore WordPress admin i popune polja za nove umjetnike ili događaje.

5. Hero carousel i vizuelni elementi

• Animirani hero carousel na naslovnoj stranici — rotira se kroz najvažnije umjetnike i predstojeće događaje sa glatkim tranzicijama
• Optimizovane slike — sav vizuelni sadržaj je konvertovan u WebP format sa lazy loadingom, što znači brzo učitavanje čak i na sporim vezama
• Responzivan dizajn — savršen prikaz na svim veličinama ekrana (mobilni, tablet, desktop)
• Premium efekti — elegantne tranzicije i hover interakcije koje doprinose luksuznom osjećaju bez zagušenja

6. Kontakt forma i sigurne integracije

• Pouzdana kontakt forma — validacija na frontend-u (trenutna provjera) i backend-u (dodatna sigurnost)
• Zaštita od spam-a — CSRF tokeni i rate limiting osiguravaju da samo legitimni zahtjevi stignu do tima
• Email notifikacije — tim VDAM-a je obavješten o svakom upitu (booking zahtjevi, partneri, mediji, itd.)

Tehnologije

• Nuxt 3 — Vue 3 framework sa SSR i ISR podrškom
• WordPress — headless CMS za upravljanje sadržajem
• Tailwind CSS — utility-first CSS framework za brz i konzistentan dizajn
• Vercel — hosting sa ISR keširanjem i globalnim CDN-om
• REST API — komunikacija između WordPress-a i Nuxt frontend-a
• SWR keširanje — server-side proxy za optimalne performanse

Šta se promijenilo

Prije — stari sajt (Mobile):

Poslije — novi sajt (Mobile):

Poslije — novi sajt (Desktop):

• Značajno brže učitavanje — sa 5+ sekundi na manje od 1.5 sekunde zahvaljujući headless arhitekturi i ISR keširanju na Vercel-u
• Elegantnija prezentacija — tamna luksuzna tema sa zlatnim akcentima stvara pravi premium doživljaj koji odgovara nivou brenda
• Jednostavnije upravljanje sadržajem — tim VDAM-a koristi poznati WordPress admin panel bez potrebe za razvojem
• Strukturirani sadržaj — 4 različita post tipa (umjetnici, eventi, galerije, press) umjesto generičke WordPress-e strukture
• Profesionalan digitalni identitet — web platforma sada komunicira prestiž i internacionalni nivo organizacije
• Skalabilnost — platforma se može jednostavno proširiti sa novim sekcijama ili kategorijama bez tehničkih ograničenja

Šta je sada moguće

Vissi D'Arte Management sada može:

• Brzo dodavati novi sadržaj — novi umjetnici, koncerti ili galerije se unose kroz WordPress admin bez tehničke pomoći ili čekanja na programera
• Elegantno prezentovati događaje — svaki koncert (Carnegie Hall, Royal Opera House) ima vlastitu landing stranicu sa programom, lokacijom, linkovima za kartu
• Skalirati bez degradacije — ISR i SWR keširanje znači da platforma ostaje brza čak i sa stotinama događaja i galerija
• Centralizovati medijsku komunikaciju — press materijali, recenzije i medijski kontakti su dostupni na jednom mjestu za novinare i partnere
• Proširiti funkcionalnosti fleksibilno — nova svojstva ili sekcije (npr. shop za albume, live stream events) se mogu dodati na frontend-u bez promjene CMS-a

Sažetak projekta

Tehnički profil:

• Headless WordPress + Nuxt 3 arhitektura
• Server-side rendering (SSR) + ISR (Incremental Static Regeneration)
• SWR keširanje kroz Nuxt proxy
• Tamna luksuzna tema sa zlatnim akcentima
• 4 prilagođena post tipa (Umjetnici, Eventi, Galerije, Press)

Rezultat:

• Web platforma koja je 3–4x brža od klasičnog WordPress-a
• Menadžment sadržaja bez tehničkog znanja
• Profesionalni digitalni identitet menadžmenta klasične muzike
• Deploy na Vercel sa globalnim CDN-om i 99.9% uptime-om

Digitalna scena koja dostojno predstavlja vrhunske umjetnike klasične muzike.

Pogledajte web platformu

vissidartemanagement.com

Ako želite sličnu modernizaciju identiteta ili web platforme za muzičku organizaciju, produkcijsku kuću ili agenciju — kontaktirajte nas. Napravićemo rješenje koje precizno komunicira vaše vrijednosti i donosi rezultate.