2026 · Diseño y desarrollo end-to-end · Agencia Xpandex
Diego Kaminsky · Escuela de Canto
De marca personal a escuela, con rediseño completo fuera del page builder
- WordPress FSE
- PHP
- Alpine.js
- GSAP
- Rank Math
- Page builder
- Page builder retirado
- Motion
- GSAP self-hosted (RGPD)
- Contraste
- Verificado 4.5:1
La web por dentro
Capturas de la web en producción, a 1440 px y a 375 px.
Escritorio · 1440px
Móvil · 375px
Escritorio · 1440px
Móvil · 375px
Escritorio · 1440px
Móvil · 375px
Escritorio · 1440px
Móvil · 375px
Contexto
Un profesor de canto en Madrid que evoluciona de marca personal a escuela. Enseña un método integral que combina técnica vocal, trabajo emocional y entrenamiento físico-muscular.
La web anterior estaba hecha con un page builder y tenía el problema clásico de las webs que crecen sin plan: cuatro mensajes compitiendo en el hero, un banner de avisos apilado sobre otro, y ninguna jerarquía.
Enfoque
- Una idea por pantalla. El hero anterior intentaba anunciar cursos de verano, matrícula gratuita, inscripciones de temporada y la propuesta de la escuela a la vez. El rediseño deja una sola cosa arriba y baja el resto a su sitio.
- Dorado sobre oscuro con el contraste comprobado. Es la paleta que pedía la marca y también la más fácil de suspender en accesibilidad: el dorado sobre negro cae por debajo del mínimo con facilidad. Cada tono se verificó contra el 4.5:1 en lugar de darlo por bueno.
- GSAP y Alpine self-hosted, nunca desde CDN. Cargar una librería desde un CDN de terceros envía la IP del visitante a ese tercero, y eso hay que declararlo. Servirlo desde el propio dominio evita el problema de raíz.
- Los embeds de YouTube no cargan sin consentimiento. El videoblog usa carga diferida tras aceptar cookies, no un iframe que se conecta a Google en cuanto abres la página.
- Tema FSE con
theme.jsoncomo fuente de verdad, sustituyendo por completo al page builder.
Trabajo realizado
- Tema WordPress FSE a medida reemplazando al page builder
- Sistema de diseño dorado sobre oscuro con contraste verificado
- Capa de motion con GSAP y Alpine, self-hosted y con reducción de movimiento
- Estructura de cursos, método, talleres y videoblog
- Formularios con SMTP propio y contacto por WhatsApp
- Consentimiento de cookies con embeds bloqueados hasta aceptación
Resultado
En producción sobre su dominio. La web anterior ya no existe: el cutover se hizo sobre el mismo dominio conservando las URLs, así que el posicionamiento ganado no se perdió por el camino.
Nota sobre el trabajo
Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue.
En corto
- ¿Qué es Diego Kaminsky · Escuela de Canto?
- Rediseño de una escuela de canto en Madrid. Sale el page builder, entra un tema FSE propio con GSAP self-hosted y un contraste dorado sobre oscuro verificado uno a uno.
- ¿Con qué está construido Diego Kaminsky · Escuela de Canto?
- Diego Kaminsky · Escuela de Canto está construido con WordPress FSE, PHP, Alpine.js, GSAP y Rank Math. Carlos Ponce lo entregó en 2026 — Diseño y desarrollo end-to-end · Agencia Xpandex.
- ¿Qué destaca de Diego Kaminsky · Escuela de Canto?
- Page builder: Page builder retirado. Motion: GSAP self-hosted (RGPD). Contraste: Verificado 4.5:1.
- ¿Diego Kaminsky · Escuela de Canto está en producción?
- Sí. Diego Kaminsky · Escuela de Canto está publicado en diegokaminsky.es desde 2026.