// case study
Cumbia Surf
Micrositio con un video encontrado en YouTube, musicalizado con "Cumbia Surf" de Cocktail Notes.
Ver en vivo ↗// captura de cubs25.com/cumbiasurf/ aquí
Problema
Encontré un video en YouTube musicalizado con "Cumbia Surf", de Cocktail Notes, y quería compartirlo. Un link de YouTube se pierde entre miles de videos y no se siente como algo curado — quería un espacio propio, simple, centrado solo en ese video.
Contexto
Proyecto personal, sin equipo ni cliente — hecho por gusto propio. La única restricción real era dar crédito correcto a Cocktail Notes y enlazar a su música, para que quedara claro que el video no es mío y no hubiera ningún problema de derechos.
Mi rol
Todo: diseño, maquetación, integración del video y créditos. De principio a fin, sin ayuda.
Decisiones de frontend
Estado
Ninguno — página estática, sin necesidad de manejar estado de aplicación.
Datos
Sin backend ni fuente externa — el video y los créditos están directo en el HTML.
Componentes
Página de una sola pieza — no había necesidad real de dividir en componentes.
Ruteo
No aplica — una sola página, sin navegación interna.
Accesibilidad
No hubo revisión formal — se usa el reproductor
<video> nativo del navegador con controles, que
ya trae accesibilidad básica de fábrica.
Performance
Video comprimido para que cargue rápido; sin JavaScript de más que pudiera atrasar la carga.
Testing
Revisión manual en navegador — sin pruebas automatizadas, dado el tamaño del proyecto.
Qué no hice, y por qué
Decidí no usar ningún framework ni backend. Habría sido sobre-ingeniería para una sola página con un video — la solución más simple era la correcta aquí.
Cómo revisé el trabajo
Revisión visual manual en desktop y móvil, y verificar que el crédito a Cocktail Notes quedara claro y visible.
Resultado
Un espacio propio y curado para compartir ese video/canción, en vez de depender de un link de YouTube que se pierde entre miles de videos.
Con más tiempo
Quedé conforme tal cual — para lo que buscaba resolver, no le cambiaría nada.