¿Te gustan los festivales? Rediseñamos Juergas Rock Fest
No tengo mucho tiempo: resumen rápido
Tiempo de lectura: 1 minuto
Sino tienes mucho tiempo para dedicarle a esta lectura, te hago un resumen de este proyecto:
Rediseñamos el microsite de Juergas Rock Fest, un festival de Rock que se celebra en Almería todos los años.
Tras la investigación, que se centró en realizar 5 entrevistas en profundidad a usuarios de festivales, y en un gran Benchmark, concluimos los puntos principales a tratar:
- El cartel de artistas, lo más consultado de la web, muchas veces estaba escondido.
- Siempre faltaba información básica de “supervivencia en festivales”, como “donde están los supermercados, donde hay agua, donde puedo aparcar” etc.
- La información no estaba bien jerarquizada, y muchas veces se daba más peso a secciones menos importantes.
Producto final:
Aquí podéis ver el prototipo final, que se ha centrado en varios puntos:
- Limpieza del site haciéndolo monopágina:
- Si no conoces un grupo, clicas en su nombre en el cartel y puedes ver qué estilo tienen, e incluso escucharles en Spotify:
- Puedes generar tu propio planning del concierto seleccionando los grupos que más te gusten:
- También podemos ver la adaptación a móvil:

¡Gracias por dedicarme tu tiempo!
Tengo tiempo para leerte: proyecto completo
¡Hola! En este post voy a mostraros de la forma más resumida posible el proceso que he seguido para rediseñar la web del Festival Juergas Rock.
Juergas Rock es un festival que cuenta ya con más de 6 ediciones a sus espaldas, y se celebra todos los años en Adra, Almería. Los géneros más escuchados en este evento son rock, rap y reggae.

Han estado bailando con su imagen visual todos los años, sin llegar a identificarse aún con una tipografía o logotipo concretos. A diferencia de Viñarock, el festival más destacado de este tipo, que ha trabajado mucho su imagen visual y ya se ha definido, con una web muy enfocada al usuario y, como no, a la conversión.
¿Por qué un festival de Rock?
Fácil, soy cliente potencial de estos festivales :) He acudido a más de 6 diferentes y repetido en muchos de ellos. Por ello pensaba que esta web podía ser mucho mejor que su versión actual. Pero ya sabemos que, como profesionales UX/UI, no debemos centrarnos en nuestra propia visión, sino que tenemos que investigar y profundizar.
Fase de investigación
La parte de research se centró en una entrevista a 5 personas, usuarias tipo de este tipo de eventos. Las principales conclusiones fueron:
- El cartel, principal elemento que la gente busca nada más llegar a la web, muchas veces se encuentra demasiado escondido.
- Las entradas son fáciles de comprar, pero a veces falta información extra (cómo llegar, acceso a comida y agua, etc)
- Por otra parte, muchas veces los festivales no jerarquizan correctamente la información de la web, haciéndola muy cargante, y muy difícil de encontrar.
También fue de gran utilidad el estudio de competidores (otros festivales) para ver si estas respuestas de los usuarios se confirmaban. Efectivamente, mucha de la información de los festivales era confusa. Y, en otros casos, excesiva o escasa.
Usuario tipo
Gracias a esta investigación, definimos el camino del usuario tipo o user persona, a lo largo de una línea temporal: primero entra para ver los artistas que acudirán este año, un tiempo después compra la entrada, luego entrará periódicamente a ver las actualizaciones del cartel, y cuando se aproxime la fecha del festival mirará información extra (cómo llegar, dónde acampar, etc).

Guía de estilos:
Como comentábamos al principio, este festival ha cambiado de imagen visual cada año, pero sin mantener un estilo fijo, algo que puede confundir al usuario. Por eso, rescatamos la calavera que centró el diseño de hace 2 años, para mantener una línea visual.
Como tipografía para el logotipo de eligió la Geared Slab, la cual tiene bastante fuerza tipográfica, y se relaciona fácilmente con el mundo del Rock.
Para texto corrido la elección fue la tipografía Inter, perfectamente legible y con gran cantidad de pesos, algo que nos permite crear diferentes títulos, subtítulos y párrafos sin necesidad de añadir más tipografías:

En cuanto a los colores, predominan blanco y negro casi en la misma proporción, y utilizamos el verde azulado #2E6E5E para dar fuerza en ciertos elementos del microsite. Este color además se identifica rápidamente con el de la calavera que mencionábamos antes.
Fase de prototipado:
Gracias a esta información (y mucha más que omito para no hacer cargante este post), empiezo a generar el diseño final de la nueva web. Debe ser sencilla, intuitiva, y solo con la información más relevante a la vista.
Por eso, dividimos el flujo en 3 secciones para que la compresión del prototipo sea más sencilla.
- Flujo 1: hacemos un overview del microsite: primero hacemos una visualización completa del nuevo microsite. La barra de navegación se mueve gracias a un formato ancla, sin salir a otras secciones. Como nos comentaban los entrevistados, el cartel tiene que estar bien visible. Y la conversión tiene que ser clara, por eso en la sección “entradas”, añadimos los elementos que más beneficio aportan de cara a la organización:
- Flujo 2: no conozco a este artista: muchas veces, en los festivales, cada persona de un grupo de amigos conoce a un músico, pero el resto no. Por ello ayudamos al usuario a descubrir nuevos artistas, pudiendo clicar en su nombre gracias a un cartel interactivo. Aquí se le explicará qué estilo de música tocan y, si quiere, podrá escucharlos en Spotify:
- Flujo 3: hazme un planning personalizado: una vez que estamos en un festival, nos damos cuenta que varios artistas que nos gustan tocan a la misma hora y tenemos que elegir. Para evitar estos contratiempos, en nuestro microsite proponemos un “calculador de conciertos”, en el cual el usuario selecciona los grupos que más le gustan y, una vez que nos deja su email (para fomentar la futura conversión), le enviamos al correo un planning personalizado.
- Adaptación a móvil: como bien sabemos, tener un diseño responsive es clave a día de hoy. Por eso, ofrecemos también como sería el diseño de nuestro microsite adaptado a móvil. Seguimos la misma línea de diseño pero con elementos más grandes:

Próximos pasos:
En un proyecto de este tipo, la creatividad no tiene límites. Por eso (y dependiendo del dinero que quiera invertir el evento en cuestión), se pueden añadir más funcionalidades:
- Diseño del PDF que le llega al usuario: es decir, el planning a medida de los conciertos que puede ver una persona.
- Calendario de actividades complementarias: en un festival de música no todo son conciertos, por lo tanto seria muy útil tener un calendario alternativo con actividades como deporte, charlas, talleres, etc.
- Poder medir distancias: los carteles de los festivales son engañosos. Parece que de una punta a otra hay 5 minutos, y la realidad es que puedes caminar más de una hora entre ciertos puntos. Por eso sería de gran utilidad diseñar y programar un calculador de distancias.
¡Gracias por dedicarme tu tiempo! En este Medium encontrarás más proyectos de diseño. También puedes acceder a mi Linkedin aquí.
