QUAVY

Lee y aprende sobre bandas sonoras mientras las escuchas.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

AÑO

2016

CLIENTE

Proyecto personal

01 - objetivo

En las fechas en las que realicé este proyecto, la página contaba con un diseño que no había cambiado en la última década; estaba completamente desfasado, era oscuro y complejo a la hora de navegar por él y aún más en su lectura.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

En las fechas en las que realicé este proyecto, la página contaba con un diseño que no había cambiado en la última década; estaba completamente desfasado, era oscuro y complejo a la hora de navegar por él y aún más en su lectura.

quavy-old-01
quavy-old-02

Puesto que el contenido de la página seguía siendo actualizado, pensé que era una pena que quedara tan escondido debido a errores de usabilidad y legibilidad. Además, dado el auge de los sitios y aplicaciones web que permiten una mayor acción por parte del usuario a la hora de personalizar el contenido y categorizarlo según sus gustos, así como compartirlo en las redes sociales, decidí rediseñar la página para sacarle todo el partido que, en mi opinión, se le podía sacar.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

02 - rediseño

La página original tenía un menú con un gran número de secciones, que a la vez estaban desperdigadas por la página a modo de widgets en diferentes barras laterales.

Decidí reducir todas estas secciones a cinco:

  • Home. La página principal, con los últimos contenidos añadidos
  • Reseñas. El corazón del sitio web y su razón de ser.
  • Blog. Contiene todas las noticias y entrevistas
  • Colecciones. Sección creada por mi para organizar las reseñas por diferentes criterios.
  • Premios. Colección de ránkings elaborados según las opiniones de los usuarios.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

quavy–home

Además de todo el rediseño para actualizar el sitio y acercarlo a una estética más actual, los principales cambios a nivel de experiencia de usuario se centraron en la sección de Reseñas y Colecciones.

Adicionalmente, introduje la posibilidad de que el usuario de la página pudiera registrarse para disfrutar de funcionalidades extra como la posibilidad de crear sus propias playlists, calificar bandas sonoras o incluso escribir sus propias reseñas.

reseñas

Este nuevo diseño centra el foco de atención en el texto, dedicando la totalidad de la página a la reseña de la banda sonora. Se aumenta el espacio negativo, centrando el texto en la página, y se elimina cualquier otro elemento que pueda desviar la atención del contenido. 

Se añade además una nueva característica que el diseño original no tiene; la posibilidad de escuchar las diferentes pistas que son mencionadas en la reseña, así como de escuchar el disco en su totalidad mientras se esté en la página. Además, el usuario registrado tiene disponible en todo momento la posibilidad de guardar, compartir o marcar como favorito tanto el disco como las pistas aisladas.

La barra de controles permanece fija en la parte superior de la página mientras el usuario hace scroll, lo que permite mantener un control sobre lo que se está escuchando mientras se lee el contenido de la página.

Se incorpora además una pequeña sección que recomienda bandas sonoras similares a aquella sobre la que se está leyendo y, al final de la reseña, el usuario puede puntuar la banda sonora, comentarla o compartirla en las redes sociales.

quavy-resenia

catálogo

Se incorpora un mayor número de opciones de búsqueda en el catálogo, además de la posibilidad de filtrar los resultados.

quavy-catalogo

colecciones

Las colecciones suponen otra nueva propuesta; El equipo de la página agrupa una serie de bandas sonoras atendiendo a diferentes criterios y los usuarios tienen la opción de seguir las colecciones que deseen, de forma que se actualizarían automáticamente con cada nueva incorporación, y pudiendo acceder a ellas después desde su página de perfil.

quavy-colecciones

página de perfil

Como aficionada a la música en general y a la música de cine en particular, valoro la posibilidad que me dan otras aplicaciones de música como Spotify o Apple Music de guardar pistas y crear mis propias playlists. 

Creo que en una página dedicada a las bandas sonoras no debería ser diferente, así que en un intento de llevar la experiencia del sitio web a un nuevo nivel, incorporé la posibilidad de que los usuarios se registren. De ésta forma, pueden añadir tracks y álbumes favoritos a su página de perfil, guardar reseñas para leerlas más tarde, seguir colecciones y crear sus propias carpetas con los temas que deseen.

quavy-perfil
quavy-perfil-detalle

Este rediseño tenía como objetivo facilitar y hacer más agradable la lectura de la crítica musical, despejándola de elementos que pudieran distraer del contenido principal, que es la reseña del álbum. 
Así mismo, se buscaba mejorar la experiencia permitiendo que el usuario pudiera realmente escuchar las pistas de las que habla el autor en el mismo momento en el que lee sobre ellas.

Por último, introduciendo la característica del registro de usuarios, permitimos que todos aquellos que lo deseen puedan crear listas personalizadas de sus músicas, autores o bandas sonoras favoritas y compartirlas en las redes sociales, creando una experiencia más personalizada y agradable para el usuario

Todo el copy usado en el diseño de la página está escrito por mi, a excepción del texto de la reseña, que es una crítica real perteneciente a  Antonio Miranda

Work inquiries, questions or just some nice chat? Get in touch.

Work inquiries, questions or just some nice chat? Get in touch.

You can see more of my work at Behance, have a glimpse on what I’m working on at Dribbble, read some of my thoughts on Medium, poke around my Instagram or see what I’m up to at Twitter. You can also find out more about me and my background at Linkedin.

Feel free to contact me via any of those channels. Or you can just say send me an email saying “Hello, Elena👋🏻

COPYRIGHT @2019 ELENA MADRIGAL