✨
☀️
Web + Sistema de diseño
VIsualizando sonidos de ai.
VIsualizando sonidos de ai.
Proceso
01. Análisis de sonido: Analicé las frecuencias sonoras generadas por el instrumento deAI y, utilizando P5.js, las transformé en una visualización animada.
02. Prototipado y adaptabilidad: Diseñé y probé múltiples iteraciones para garantizar el correcto funcionamiento de las animaciones en diferentes dispositivos y navegadores. Un desafío importante fue Safari en iOS, que no admite fondos de vídeo. Para solucionarlo, implementé una solución alternativa, reemplazando las animaciones con imágenes estáticas para estos casos específicos.
03. Sistema visual: Desarrollé un sistema visual coherente que se extendió más allá del sitio web e incluyó los materiales promocionales del evento. Este sistema garantizó una identidad consistente que funcionaba como animación y como imagen fija.
04. Colaboración interdisciplinaria: Colaboré estrechamente con el músico que desarrolló el instrumento de AI para comprender la importancia de la AI en el campo y apreciar las distintivas diferencias en los sonidos que producía. Esta colaboración fue esencial para garantizar que las visualizaciones representaran fielmente la esencia del proyecto.
Resultados
El simposio contó con la presencia de siete ponentes internacionales y se celebró en la Biblioteca Central Oodi de Helsinki.
Los asistentes elogiaron la identidad visual como un reflejo innovador del tema central del evento.
Creado con HTML/CSS y P5.js
Visitar sitio