[{"data":1,"prerenderedAt":583},["ShallowReactive",2],{"portfolio-en-/en/portfolio/vissi-darte-management":3},{"project":4,"isFallback":563},{"id":5,"title":6,"body":7,"description":516,"extension":535,"head":536,"meta":537,"navigation":569,"path":570,"schemaOrg":536,"seo":571,"sitemap":574,"stem":581,"__hash__":582},"portfolio_en/en/portfolio/vissi-darte-management.md","Vissi D'Arte Management – Web Platform for an International Classical Music Production House",{"type":8,"value":9,"toc":515},"minimark",[10,15,19,22,44,47,51,54,74,77,79,83,86,91,94,121,125,128,154,158,161,187,191,194,220,227,231,257,261,281,283,287,325,327,331,336,343,348,354,359,365,403,405,409,412,444,446,450,455,472,477,491,494,496,500,510,512],[11,12,14],"h2",{"id":13},"context","Context",[16,17,18],"p",{},"Vissi D'Arte Management is an international production house and management company for classical music based in London. The company represents world-class artists, opera singers, conductors, and instrumentalists, and organizes concerts, gala performances, and tours at prestigious world stages (Carnegie Hall, Royal Opera House, La Scala).",[16,20,21],{},"The task was to create a modern web platform that would:",[23,24,25,29,32,35,38,41],"ul",{},[26,27,28],"li",{},"professionally present the artist roster with detailed profiles",[26,30,31],{},"display upcoming and past concert events",[26,33,34],{},"offer rich photo and video galleries with lightbox viewing",[26,36,37],{},"enable simple content management through the WordPress admin panel",[26,39,40],{},"reflect the prestige and elegance of a classical music management brand",[26,42,43],{},"be fast enough and scalable for an international audience",[45,46],"hr",{},[11,48,50],{"id":49},"what-wasnt-working","What Wasn't Working",[16,52,53],{},"The existing WordPress website was conventional, it used a standard theme that did not match the organization's level of prestige:",[23,55,56,59,62,65,68,71],{},[26,57,58],{},"slow page loading due to unoptimized WordPress rendering (a full 5+ seconds for the homepage)",[26,60,61],{},"the design did not convey the luxury identity of a classical music management brand",[26,63,64],{},"content was unstructured, artists, events, and galleries had no clear navigation",[26,66,67],{},"mobile display was primitive, unsuitable for an international audience",[26,69,70],{},"lack of modern web standards, no lazy loading, no optimized images, no caching",[26,72,73],{},"WordPress backend was difficult to manage, there were no custom fields for specific artist and event data",[16,75,76],{},"The international audience and classical music partners expect a digital experience that matches the world-class level of artists VDAM represents. The old website could not provide that.",[45,78],{},[11,80,82],{"id":81},"what-we-did","What We Did",[16,84,85],{},"We developed a completely new web platform using headless WordPress architecture with a Nuxt 3 frontend, combining the flexibility of WordPress CMS with the speed and elegance of a modern JavaScript framework. The result is a professional web platform for classical music management that is fast, secure, and easy to manage.",[87,88,90],"h3",{"id":89},"_1-headless-wordpress-nuxt-3-architecture","1. Headless WordPress + Nuxt 3 Architecture",[16,92,93],{},"The headless WordPress approach means WordPress operates exclusively as a CMS (backend), while Nuxt 3 handles the frontend:",[23,95,96,103,109,115],{},[26,97,98,102],{},[99,100,101],"strong",{},"WordPress backend",", CMS with a control panel for entering and managing content about artists, events, and galleries",[26,104,105,108],{},[99,106,107],{},"Nuxt 3 frontend",", fetches data via REST API and renders with server-side rendering (SSR)",[26,110,111,114],{},[99,112,113],{},"ISR (Incremental Static Regeneration)"," on Vercel, optimal balance between fresh content and ultra-fast loading speed",[26,116,117,120],{},[99,118,119],{},"Fully decoupled architecture",", greater security, flexibility, and expandability without risk of CMS compromise",[87,122,124],{"id":123},"_2-server-side-proxy-with-swr-caching","2. Server-Side Proxy with SWR Caching",[16,126,127],{},"Instead of the frontend directly calling the WordPress API, all requests pass through the Nuxt server:",[23,129,130,136,142,148],{},[26,131,132,135],{},[99,133,134],{},"Nuxt server as proxy",", all API calls to WordPress go through server routes (proxy), protecting WordPress from direct load",[26,137,138,141],{},[99,139,140],{},"SWR (stale-while-revalidate) caching",", caches content and reduces WordPress server load",[26,143,144,147],{},[99,145,146],{},"Faster responses",", users receive cached responses instantly while content updates in the background",[26,149,150,153],{},[99,151,152],{},"WordPress protection",", the source database is protected from overload and abuse",[87,155,157],{"id":156},"_3-dark-luxury-theme-with-gold-accents","3. Dark Luxury Theme with Gold Accents",[16,159,160],{},"The design is tailored to classical music management, prestige, elegance, and modernity in balance:",[23,162,163,169,175,181],{},[26,164,165,168],{},[99,166,167],{},"Dark UI",", elegant, sophisticated, reflects the brand's luxury and seriousness",[26,170,171,174],{},[99,172,173],{},"Gold accents",", carefully placed to highlight important elements",[26,176,177,180],{},[99,178,179],{},"Sophisticated typography",", selected fonts that evoke quality and tradition",[26,182,183,186],{},[99,184,185],{},"Visual balance",", rich identity without overload, readable and accessible",[87,188,190],{"id":189},"_4-four-custom-post-types-cpt-for-content-structuring","4. Four Custom Post Types (CPT) for Content Structuring",[16,192,193],{},"Instead of one generic post type, we created specific content types for management needs:",[23,195,196,202,208,214],{},[26,197,198,201],{},[99,199,200],{},"Artists",", detailed artist profiles (biography, photos, discography, social links, agent contact)",[26,203,204,207],{},[99,205,206],{},"Events",", concerts and gala performances (date, venue, program, price, ticket purchase link)",[26,209,210,213],{},[99,211,212],{},"Gallery",", photo and video collections with lightbox display for each event or project",[26,215,216,219],{},[99,217,218],{},"Press",", media articles, reviews, critiques, and press kit materials",[16,221,222,223,226],{},"Each CPT has ",[99,224,225],{},"custom fields"," in WordPress admin, enabling the VDAM team to enter content without technical knowledge. Simply, they open WordPress admin and fill in the fields for new artists or events.",[87,228,230],{"id":229},"_5-hero-carousel-and-visual-elements","5. Hero Carousel and Visual Elements",[23,232,233,239,245,251],{},[26,234,235,238],{},[99,236,237],{},"Animated hero carousel"," on the homepage, rotates through the most important artists and upcoming events with smooth transitions",[26,240,241,244],{},[99,242,243],{},"Optimized images",", all visual content converted to WebP format with lazy loading, ensuring fast loading even on slow connections",[26,246,247,250],{},[99,248,249],{},"Responsive design",", perfect display on all screen sizes (mobile, tablet, desktop)",[26,252,253,256],{},[99,254,255],{},"Premium effects",", elegant transitions and hover interactions that contribute to the luxury feel without congestion",[87,258,260],{"id":259},"_6-contact-form-and-secure-integrations","6. Contact Form and Secure Integrations",[23,262,263,269,275],{},[26,264,265,268],{},[99,266,267],{},"Reliable contact form",", validation on frontend (instant checking) and backend (additional security)",[26,270,271,274],{},[99,272,273],{},"Spam protection",", CSRF tokens and rate limiting ensure only legitimate requests reach the team",[26,276,277,280],{},[99,278,279],{},"Email notifications",", the VDAM team is notified of every inquiry (booking requests, partners, media, etc.)",[45,282],{},[11,284,286],{"id":285},"technologies","Technologies",[23,288,289,295,301,307,313,319],{},[26,290,291,294],{},[99,292,293],{},"Nuxt 3",", Vue 3 framework with SSR and ISR support",[26,296,297,300],{},[99,298,299],{},"WordPress",", headless CMS for content management",[26,302,303,306],{},[99,304,305],{},"Tailwind CSS",", utility-first CSS framework for fast and consistent design",[26,308,309,312],{},[99,310,311],{},"Vercel",", hosting with ISR caching and global CDN",[26,314,315,318],{},[99,316,317],{},"REST API",", communication between WordPress and Nuxt frontend",[26,320,321,324],{},[99,322,323],{},"SWR caching",", server-side proxy for optimal performance",[45,326],{},[11,328,330],{"id":329},"what-changed","What Changed",[16,332,333],{},[99,334,335],{},"Before, old website (Mobile):",[16,337,338],{},[339,340],"img",{"alt":341,"src":342},"PageSpeed results of the old website – Mobile (61/88/96/54)","/portfolio/vissi-darte-management/slika3.webp",[16,344,345],{},[99,346,347],{},"After, new website (Mobile):",[16,349,350],{},[339,351],{"alt":352,"src":353},"PageSpeed results – Mobile (100/96/100/100)","/portfolio/vissi-darte-management/slika1.webp",[16,355,356],{},[99,357,358],{},"After, new website (Desktop):",[16,360,361],{},[339,362],{"alt":363,"src":364},"PageSpeed results – Desktop (100/96/100/100)","/portfolio/vissi-darte-management/slika2.webp",[23,366,367,373,379,385,391,397],{},[26,368,369,372],{},[99,370,371],{},"Significantly faster loading",", from 5+ seconds to under 1.5 seconds thanks to headless architecture and ISR caching on Vercel",[26,374,375,378],{},[99,376,377],{},"More elegant presentation",", dark luxury theme with gold accents creates a true premium experience matching the brand level",[26,380,381,384],{},[99,382,383],{},"Simpler content management",", the VDAM team uses the familiar WordPress admin panel without needing development",[26,386,387,390],{},[99,388,389],{},"Structured content",", 4 different post types (artists, events, galleries, press) instead of generic WordPress structure",[26,392,393,396],{},[99,394,395],{},"Professional digital identity",", the web platform now communicates the prestige and international level of the organization",[26,398,399,402],{},[99,400,401],{},"Scalability",", the platform can be easily expanded with new sections or categories without technical limitations",[45,404],{},[11,406,408],{"id":407},"what-is-now-possible","What Is Now Possible",[16,410,411],{},"Vissi D'Arte Management can now:",[23,413,414,420,426,432,438],{},[26,415,416,419],{},[99,417,418],{},"Quickly add new content",", new artists, concerts, or galleries are entered through WordPress admin without technical help or waiting for a developer",[26,421,422,425],{},[99,423,424],{},"Elegantly present events",", every concert (Carnegie Hall, Royal Opera House) has its own landing page with program, venue, ticket links",[26,427,428,431],{},[99,429,430],{},"Scale without degradation",", ISR and SWR caching means the platform stays fast even with hundreds of events and galleries",[26,433,434,437],{},[99,435,436],{},"Centralize media communication",", press materials, reviews, and media contacts are available in one place for journalists and partners",[26,439,440,443],{},[99,441,442],{},"Expand functionality flexibly",", new features or sections (e.g., album shop, live stream events) can be added to the frontend without changing the CMS",[45,445],{},[11,447,449],{"id":448},"project-summary","Project Summary",[16,451,452],{},[99,453,454],{},"Technical profile:",[23,456,457,460,463,466,469],{},[26,458,459],{},"Headless WordPress + Nuxt 3 architecture",[26,461,462],{},"Server-side rendering (SSR) + ISR (Incremental Static Regeneration)",[26,464,465],{},"SWR caching through Nuxt proxy",[26,467,468],{},"Dark luxury theme with gold accents",[26,470,471],{},"4 custom post types (Artists, Events, Galleries, Press)",[16,473,474],{},[99,475,476],{},"Result:",[23,478,479,482,485,488],{},[26,480,481],{},"Web platform 3-4x faster than classic WordPress",[26,483,484],{},"Content management without technical knowledge",[26,486,487],{},"Professional digital identity for classical music management",[26,489,490],{},"Deploy on Vercel with global CDN and 99.9% uptime",[16,492,493],{},"A digital stage that worthily represents world-class classical music artists.",[45,495],{},[11,497,499],{"id":498},"view-the-web-platform","View the Web Platform",[16,501,502],{},[503,504,509],"a",{":target":505,"href":506,"rel":507},"_blank","https://vissidartemanagement.com",[508],"nofollow","vissidartemanagement.com",[45,511],{},[16,513,514],{},"If you want a similar modernization of identity or web platform, contact us and we'll build a solution that precisely communicates your values.",{"title":516,"searchDepth":517,"depth":517,"links":518},"",2,[519,520,521,530,531,532,533,534],{"id":13,"depth":517,"text":14},{"id":49,"depth":517,"text":50},{"id":81,"depth":517,"text":82,"children":522},[523,525,526,527,528,529],{"id":89,"depth":524,"text":90},3,{"id":123,"depth":524,"text":124},{"id":156,"depth":524,"text":157},{"id":189,"depth":524,"text":190},{"id":229,"depth":524,"text":230},{"id":259,"depth":524,"text":260},{"id":285,"depth":517,"text":286},{"id":329,"depth":517,"text":330},{"id":407,"depth":517,"text":408},{"id":448,"depth":517,"text":449},{"id":498,"depth":517,"text":499},"md",null,{"slug":538,"industry":539,"location":540,"countryCode":541,"year":542,"date":543,"cover":544,"gallery":547,"results":548,"pattern":558,"draft":563,"readingTime":564},"vissi-darte-management","music production and management","London / International","INT",2026,"2026-02-17",{"src":545,"alt":546},"/portfolio/vissi-darte-management/cover.webp","Vissi D'Arte Management – screenshot of headless web platform with dark theme and gold accents",[353,364,342],[549,552,555],{"label":550,"value":551},"Performance","61 → 100",{"label":553,"value":554},"SEO Score","54 → 100",{"label":556,"value":557},"Custom CPTs","4 content types",{"context":559,"challenge":560,"solution":561,"results":562},"An international classical music production house headquartered in London, representing world-class artists and organizing concerts at venues like Carnegie Hall.","The existing WordPress site loaded in 5+ seconds, visually did not match the luxury brand, and lacked structure for artists, events, galleries, and press materials.","Headless WordPress + Nuxt 3 architecture with a dark luxury theme, 4 custom post types, ISR caching, and a server-side proxy for optimal performance.","PageSpeed from 61 to 100 (Performance), SEO from 54 to 100. Elegant artist and event presentation, simple management through WordPress admin.",false,{"text":565,"minutes":566,"time":567,"words":568},"6 min read",5.045,302700,1009,true,"/en/portfolio/vissi-darte-management",{"title":572,"description":573},"Vissi D'Arte Management – Headless WordPress for Music","Headless WordPress + Nuxt 3 platform for an international classical music production house. Dark luxury theme, 4 CPTs, ISR caching. Load time 5s → 1.5s.",{"loc":570,"priority":575,"changefreq":576,"lastmod":543,"images":577},0.8,"monthly",[578],{"loc":579,"caption":580},"https://leovacdigital.me/portfolio/vissi-darte-management/cover.webp","Vissi D'Arte Management – headless web platform for classical music","en/portfolio/vissi-darte-management","8xfOaJM97BZxRE9M0x848GOe3bWyfNyWnV--dPnQw58",1774277959924]