Rediseño CADENA 100, RockFM y MegaStarFM

Antecedentes

En este proyecto se realiza el Rediseño de la web y la app de CADENA 100, RockFM y MegaStarFM. CADENA 100, RockFM y MegaStarFM son las emisoras musicales del Grupo COPE. A mediados de 2018, con el diseño de la web y la app de COPE terminada, comenzamos los rediseños de CADENA 100, RockFM y MegaStarFM, que nos han llevado algo más de un año. 

Old. Rediseño CADENA 100, RockFM y MegaStarFM
Problemas y objetivos

Estos tres productos se habían quedado bastante anticuados y solo respondían a la necesidad de escuchar la radio, sin complementar el resto de necesidades del usuario actual: estar bien informado y sumergirse en el universo de su emisora favorita. 

¿Cuál ha sido mi rol?

En estos 6 proyectos coordiné y dirigí los rediseños de las tres webs y las tres apps: empezando por la conceptualización de cada producto, ayudado con la experiencia de conocer el medio desde dentro por mis trabajos paralelos como director y presentador de programas en radio y tv; preparación y desarrollo del proceso de investigación, sesiones de coworking y Design Thinking; supervisión y coordinación del diseño de interacción, flujos de navegacióndiseño de interfaces y prototipo final por parte de agencias externas; corrección de errores, proceso de calidad y preparación de entrega a maquetadores y desarrolladores front y validación y seguimiento del producto desarrollado.

Pizarra con un ejercicio de Design Thinking para el diseño UX UI de la web y la app de CADENA 100
Planteamiento

En el rediseño de CADENA 100, RockFM y MegaStarFM intentamos plantear un producto con su propia personalidad pero versátil. Que nos funcionase igual en las tres emisoras para ahorrar en costes y en tiempo. Además, que se pudieran seguir personalizando en siguientes iteraciones. Todo ello centrado en el usuario y en algunas investigaciones realizadas. Durante este tiempo hemos ido conceptualizando y diseñando cada uno de los productos en orden de relevancia: CADENA 100, RockFM y MegaStarFM y en paralelo web y app de cada producto. 

Proceso

En mi opinión cualquier web o app de un medio de comunicación, aunque sea musical, apoyado en un servicio de radiodifusión “tradicional”, debería tener, como mínimo, tres elementos básicos: portada, detalle de noticia y player. Esto fue lo primero que trabajamos en todos los proyectos, pensando en que tuvieran un punto común además de su propia personalidad.

cadena100-rockfm-megastar-home3. Rediseño CADENA 100, RockFM y MegaStarFM
Home

Para la portada diseñamos un catálogo de módulos lo suficientemente grande y versátil como para que cada redacción tuviera herramientas suficientes para dotar de jerarquía editorial a los contenidos realizados. Además, añadimos módulos concretos del medio radiofónico musical, como la posibilidad de volver a escuchar los programas de antena, los podcast o buscar los contenidos de los artistas más escuchados en cada emisora.

Home

Para la portada diseñamos un catálogo de módulos lo suficientemente grande y versátil como para que cada redacción tuviera herramientas suficientes para dotar de jerarquía editorial a los contenidos realizados. Además, añadimos módulos concretos del medio radiofónico musical, como la posibilidad de volver a escuchar los programas de antena, los podcast o buscar los contenidos de los artistas más escuchados en cada emisora.

cadena100-rockfm-megastar-home3. Rediseño CADENA 100, RockFM y MegaStarFM
MegastarFM-home-1. Rediseño CADENA 100, RockFM y MegaStarFM
MegastarFM-home-2. Rediseño CADENA 100, RockFM y MegaStarFM
MegastarFM-home-3. Rediseño CADENA 100, RockFM y MegaStarFM
MegastarFM-home-4. Rediseño CADENA 100, RockFM y MegaStarFM
Player

El player es el núcleo de cualquier proyecto audiovisual. En el caso de la radio, la transformación digital natural del transistor tradicional a los dispositivos de última generación. Los diferentes directos de audio y vídeo de cada emisora conviven con los contenidos en audio y vídeo de las noticias, los podcast de antena o los exclusivos digitales de cada producto. 

cadena100-rockfm-megastar-player4. Rediseño CADENA 100, RockFM y MegaStarFM
cadena100-rockfm-megastar-noticia5. Rediseño CADENA 100, RockFM y MegaStarFM
Noticia

Aunque actualmente muchos usuarios se sientan informados únicamente leyendo titulares en webs o redes sociales, es necesario un formato donde poder desarrollar los contenidos propuestos por las redacciones. Con un gran multimedia destacado debajo del titular se refuerza la identidad de radio y la necesidad de documentar con vídeo y sobre todo audio los contenidos noticiosos del ámbito musical. 

Noticia

Aunque actualmente muchos usuarios se sientan informados únicamente leyendo titulares en webs o redes sociales, es necesario un formato donde poder desarrollar los contenidos propuestos por las redacciones. Con un gran multimedia destacado debajo del titular se refuerza la identidad de radio y la necesidad de documentar con vídeo y sobre todo audio los contenidos noticiosos del ámbito musical. 

cadena100-rockfm-megastar-noticia5. Rediseño CADENA 100, RockFM y MegaStarFM
Artistas

Los artistas son una parte fundamental de los productos digitales relacionados con la música. Desarrollamos un buscador de artistas con el que se puede acceder a fichas bibliográficas de cientos de artistas de cada emisora para conocerlos en profundidad y estar al día de sus últimas noticias.

cadena100-rockfm-megastar-artistas6. Rediseño CADENA 100, RockFM y MegaStarFM
Herramientas

En UX se han utilizado diferentes herramientas centradas en el usuario como UX Persona, Mapa de Empatía, Customer & User Journey, etc. Para hacer el diseño de interacción y de interfaces de estos productos digitales usamos mindmeister y Cardsorting para la arquitectura y flujos de información. Sketch para wireframes y diseño de interfaces. Marvel e Invision para presentar los diseños en las reuniones y obtener las validaciones del equipo directivo. Por último, usamos Zeplin para subir los diseños y enviarlos al equipo de maquetación y desarrollo front.

herramientas-sketch-zeplin-cadena100-rockfm-megastar. Rediseño CADENA 100, RockFM y MegaStarFM
Datos y resultados

Todavía es pronto para analizar los resultados del rediseño de CADENA 100, RockFM y MegaStarFM en los últimos productos lanzados. Pero antes de llegar a su aniversario, la web y la app de CADENA 100 sí ha conseguido batir algunos récords. El primer mes tras el lanzamiento incrementó su audiencia un 50 % y en octubre de 2019 superó por primera vez en la historia a su competidor directo los40.com con más de 2.500.000 usuarios únicos mensuales.