Caso de estudio · Marca y web
Música Maldita
Un podcast/mixtape semanal con identidad propia: logotipo, pósters, camisetas y una web para escuchar todos los episodios.
- Proyecto
- Música Maldita
Podcast/mixtape semanal - Alcance
- Identidad visual · Pósters y merchandising
Diseño y desarrollo web - Formato
- Web de una página
Modo claro y oscuro - Sitio
- musicamaldita.com ↗
El reto
Darle cara y casa a un podcast que presume de no seguir a ningún algoritmo.
Música Maldita es una selección de canciones hecha a mano, un episodio cada semana: «música sin filtros ni algoritmos». Necesitaba una marca que funcionara igual de bien en un avatar, en un póster o en una camiseta, y una web propia donde escuchar el archivo completo, episodio a episodio, con la comodidad de una app de música.
Marca
Un sello circular, como un disco, con una oreja dibujada a línea que se convierte en cable y termina en un jack.
Escucha
Un reproductor propio en cada episodio, un mini reproductor que acompaña mientras navegas y reproducción continua de un episodio al siguiente.
Ritmo
Un episodio nuevo cada semana: la web lo publica sola en su fecha y lo marca como nuevo, y cada estreno tiene su póster.
La identidad
Una oreja, un cable y un disco.
El logotipo funciona como un sello: un círculo negro con el nombre en el canto y, en el centro, una oreja trazada con una sola línea roja que se convierte en cable y acaba en un jack. Escuchar, conectar, darle al play. En la web se dibuja trazo a trazo al cargar y, mientras suena un episodio, gira como un vinilo.
La web
Un archivo que se escucha de arriba abajo.
Una sola página: el episodio más reciente arriba y, debajo, todo el archivo en una línea de tiempo. Sin registros ni pantallas intermedias: llegar y darle al play.
El último episodio, arriba y con su etiqueta de nuevo; el resto, en una línea de tiempo.
Cada episodio despliega sus canciones sin salir de la página.
La tarjeta que suena se ilumina, aparece el mini reproductor y un corazón guarda el episodio en favoritos.
Los episodios dedicados a un disco llevan su portada en la línea de tiempo y enlaces a Spotify y Apple Music.
Modo claro y oscuro a un toque; la web recuerda la elección.
Un buscador por artista o canción que lleva al episodio exacto y abre su tracklist.
Claro y oscuro
Para escuchar de día y de noche.
Todos los colores de la web salen de un mismo juego de variables, así que el modo oscuro no es una capa aparte: cambia el fondo, las tarjetas y el texto, y el rojo de la marca se mantiene. Arranca en claro, se cambia con un toque y la web se acuerda para la próxima visita, sin destellos al cargar.
La página completa
De arriba abajo, al ritmo de tu scroll
Bajo el capó
Ligera, propia y fácil de mantener.
Una web hecha con HTML, CSS y JavaScript, sin frameworks, desarrollada con ayuda de la IA (vibe coding).
Reproductor propio
Un solo audio sonando a la vez, mini reproductor sincronizado con cada tarjeta, saltos de 15 segundos y reanudar donde lo dejaste.
Publicación programada
Cada episodio puede llevar su fecha de estreno: aparece solo ese día y se marca como nuevo, sin tocar código.
Recuerda al oyente
Favoritos, tema claro u oscuro, reproducción continua y posición de escucha se guardan en el navegador de cada visitante.
Rápida
Logotipo en SVG optimizado, tipografía alojada en la propia web y nada de librerías externas: 98 en Lighthouse en escritorio.