Reinventando la forma de aprender en digital
Vision General
Mi principal objetivo ha sido diseñar una plataforma donde el usuario pueda aprender música de forma interactiva y visual. He buscado que la experiencia sea intuitiva, atractiva y accesible, facilitando la exploración de contenidos musicales.
Este proyecto surge de la necesidad de ofrecer una experiencia digital más atractiva dentro del ámbito musical. Por eso, he creado una solución que permite interactuar con instrumentos, contenidos y recursos educativos, adaptándose a diferentes formas de uso.
Con esta propuesta pretendo fomentar una forma de aprendizaje más dinámica, donde la música se convierta en una experiencia activa. La web permite mejorar la comprensión y motivación del usuario, gracias a una interfaz interactiva, adaptable y visual.
Antes del diseño final, desarrollé wireframes para definir la estructura de la web. Esto me permitió organizar la información y asegurar una base sólida para crear una experiencia clara, funcional y bien estructurada.
Los wireframes han sido clave para validar la navegación y garantizar una distribución coherente de los elementos interactivos.
He diseñado un sistema de navegación que organiza toda la experiencia del usuario dentro de la web. Mi objetivo ha sido que se pueda explorar el contenido de forma clara, intuitiva y sin fricciones.
Para construir la interfaz del sitio desarrollé distintos componentes de diseño que me permitieron mantener una experiencia visual coherente en todas las páginas. Estos componentes facilitan la organización del contenido y mejoran la interacción del usuario con la plataforma.
Desarrollé un componente de listado que organiza los instrumentos musicales en categorías. Este elemento facilita la búsqueda y permite al usuario explorar diferentes tipos de instrumentos de manera estructurada
mplementé un carrusel infinito para mostrar contenido de forma continua, permitiendo que el usuario explore diferentes elementos del sitio sin interrupciones. Este componente facilita la visualización de múltiples contenidos manteniendo una navegación fluida y dinámica.
Diseñé un reproductor multimedia que permite integrar contenido audiovisual dentro del sitio. A través de este componente el usuario puede visualizar videos relacionados con los instrumentos y las exposiciones del museo.
Diseñé un componente de acceso directo a las principales secciones del sitio, como Instrumentos, Sonoteca, Galería y Talleres. Este elemento permite al usuario desplazarse rápidamente hacia las áreas principales del museo digital, facilitando la exploración del contenido y mejorando la experiencia de navegación.
Diseñé un componente interactivo donde, al pasar el cursor sobre un instrumento, la imagen se oscurece ligeramente y aparece un texto informativo con su nombre, como “Guitarra eléctrica”. Esta interacción permite destacar los elementos de la galería y mostrar información adicional de forma visual y dinámica, invitando al usuario a explorar los distintos instrumentos del sitio.
Diseñé un teclado de piano interactivo que permite al usuario interactuar directamente con el instrumento a través de la interfaz. Cada tecla puede activarse para reproducir su sonido correspondiente, lo que ofrece una experiencia más dinámica y permite al usuario comprender de forma práctica cómo funciona este instrumento musical.
Integré un mapa que permite localizar el museo y obtener información sobre su ubicación. Este componente facilita a los visitantes encontrar el espacio físico del museo y planificar su visita.
Incorporé un carrusel principal en la página de inicio que presenta el mensaje “Museo interactivo lleno de experiencias”. Este componente muestra imágenes destacadas del museo y permite al usuario descubrir diferentes contenidos o secciones del sitio de forma visual y atractiva desde el primer momento.
Incorporé un formulario de contacto que permite a los usuarios enviar consultas o solicitar información sobre el museo. Este componente facilita la comunicación entre los visitantes y la institución.
Para desarrollar este proyecto me he basado en diferentes referencias del ámbito digital y musical. Esto me ha permitido analizar tendencias y aplicar soluciones actuales, creando una interfaz moderna, funcional y alineada con el entorno musical.
En este vídeo explico paso a paso cómo navegar por la web y cómo interactuar con los distintos elementos. Mi objetivo es que el usuario entienda fácilmente cómo explorar, reproducir y disfrutar del contenido musical sin dificultad