Diego Kaminsky · Singing School

Context

A singing teacher in Madrid moving from personal brand to school. He teaches an integrated method combining vocal technique, emotional work and physical training.

The previous site ran on a page builder and had the classic problem of sites that grow without a plan: four messages competing in the hero, one announcement banner stacked on another, and no hierarchy at all.

Approach

• One idea per screen. The old hero tried to announce summer courses, free enrolment, season sign-ups and the school’s proposition all at once. The redesign leaves one thing at the top and moves the rest where it belongs.
• Gold on dark, with contrast actually checked. It’s the palette the brand called for and also the easiest one to fail on accessibility: gold on black drops below the minimum very readily. Every tone was verified against 4.5:1 rather than assumed fine.
• GSAP and Alpine self-hosted, never from a CDN. Loading a library from a third-party CDN sends the visitor’s IP to that third party, and that has to be declared. Serving it from the site’s own domain removes the problem at the root.
• YouTube embeds don’t load without consent. The video blog uses deferred loading after cookie acceptance, not an iframe that connects to Google the moment the page opens.
• FSE theme with theme.json as the source of truth, fully replacing the page builder.

What I built

• Bespoke WordPress FSE theme replacing the page builder
• Gold-on-dark design system with verified contrast
• GSAP and Alpine motion layer, self-hosted and honouring reduced motion
• Structure for courses, method, workshops and video blog
• Forms on domain SMTP plus WhatsApp contact
• Cookie consent with embeds blocked until acceptance

Outcome

Live on its own domain. The old site is gone: the cutover happened on the same domain with URLs preserved, so the search rankings already earned weren’t lost along the way.

A note on this work

Built at Xpandex, where I run the full cycle: design, development, performance, accessibility, technical SEO and deployment.