Racvn

Rediseño y design system multidispositivo

RACVN son las siglas del Real Automóvil Club Vasco Navarro. Un club con más de 90 años de historia que fomenta la protección, defensa y desarrollo del automovilismo y cuenta con más 23.000 socios.
La entidad, que a día de hoy es el mayor referente en temas de movilidad en País Vasco y Navarra, RACVN recurrió al equipo de Crisiscreativa para actualizar su página web y convertirla en un reflejo digital de su oferta.

Si quieres saber cómo fue el proceso, te contamos todos los detalles a continuación. (¡Escrolea sin temor!)
 

— DISEÑO WEB

— UX/UI

— DESIGN SYSTEM

— DESARROLLO WORDPRESS A MEDIDA

— DISEÑO FRONTEND MULTIDISPOSITIVO

— MANTENIMIENTO

crisiscreativa-racvn-pantallas

El reto

El principal desafío de una web como la de RACVN reside en la cantidad y variedad de objetivos a cumplir en un único sitio web: labor comercial, informativa, divulgativa… Esta situación nos llevó a poner en marcha un ejercicio de jerarquización con el cliente y un análisis de necesidades de los usuarios para poder priorizar objetivos y definir así las claves del proyecto.

Nuestro objetivo

  • Crear una experiencia a medida de los diferentes tipos de usuario.
  • Actualizar la experiencia de navegación con especial foco en el móvil. 
  • Mejorar y facilitar la gestión interna y actualización de contenidos.
crisiscreativa-racvn-comparacion

Diferentes usuarios, múltiples necesidades y una web

Cada usuario de RACVN que recurre a la página web llega con su propia necesidad, basada en la forma en la que aterriza en la web y en su relación con el propio club. Para RACVN, el principal objetivo se centraba en cumplir con las necesidades de sus socios, sin descuidar el resto de posibles visitantes que, ante un contenido y oferta de calidad, puede acabar convirtiéndose en socio.

crisiscreativa-racvn-usuario

Paso a paso

Una vez identificados objetivos y usuarios, y siempre confirmando la validez de nuestras conclusiones con RACVN, pusimos en marcha nuestro proceso de trabajo:

crisiscreativa-racvn-icon-identificar_v2

Identificar los tipos de contenido y agruparlos por intereses de nuestros perfiles de usuario.

crisiscreativa-racvn-icon-disenar_v2

Diseñar diferentes tipos de página para potenciar la conversión.

crisiscreativa-racvn-icon-simplificar_v2

Simplificar la estructura en general y revisar términos confusos.

crisiscreativa-racvn-esquema

Contenidos de calidad y en cantidad

Fiel a su compromiso con la movilidad, la página de RACVN contiene gran cantidad de información de interés para usuarios del sector y público en general, independientemente de su condición de socio: legislación, actualidad, reportajes y entrevistas que también conviven con toda la información relativa a pruebas deportivas y con los contenidos más comerciales orientados a la captación de socios.  

Nuestro objetivo: conseguir que esa variedad y cantidad de contenidos fuese fácilmente accesible en todo momento y en cualquier punto de la navegación del usuario.

Big Menu

Optamos por la fórmula de big menu para resolver y facilitar la navegación y accesos a los diferentes contenidos. Con este tipo de menú identificamos las principales vías de acceso a los diferentes contenidos, separándolos en cuatro grandes bloques temáticos que ordenan el acceso a la amplia y variada oferta de RACVN.

crisiscreativa-racvn-megamenu

El presente es mobile

La sociedad está cambiando y a la hora de actualizar una web, tenemos que adaptarnos a los nuevos hábitos de navegación, lo que a día de hoy significa no perder de vista la navegación móvil. Facilitamos el acceso al servicio de atención al cliente y adaptamos la experiencia de navegación a los diferentes dispositivos para que los usuarios de RACVN disfrutasen de la misma calidad independientemente de su medio de acceso. 

Hay que tener en cuenta que la anterior web del club, hasta mayo de 2019, no era multidispositivo, lo que obligaba a muchos usuarios a recurrir al ordenador para visualizar correctamente el contenido. 

+37%

Sesiones en smartphone

-29%

Reducción de rebote

crisiscreativa-racvn-mobile

Sistema de diseño propio

Para construir una web del volumen y características de RACVN, no había alternativa, necesitábamos crear un sistema de diseño (design system) que nos diera la flexibilidad y capacidad para construir todo el portal. Y lo más importante, facilitamos la gestión y actualización de la web al equipo de RACVN en su día a día.

crisiscreativa-racvn-design-system
crisiscreativa-racvn-design-system-2
crisiscreativa-racvn-design-system-3
crisiscreativa-racvn-design-system-4
crisiscreativa-racvn-mockup

Si quieres ver la web de RACVN en movimiento, visita racvn.net

Sigue descubriendo nuestro trabajo

San Jose IkastetxeaDe Basauri, de toda la vida

Singular 18+Crónica de una singular fiesta mayor

BasqueryCerveza artesana made in Bilbao

GOSEPuro sabor por aplastamiento

PiecittasConectando a las personas con su entorno

#BBDW22Bilbao Bizkaia Design Week 2022

NKO EnekoFusión vasco-japonesa

La Casa LlenaUn espacio central, femenino y plural

Focus SeriesFocus Series

#BBDW21Bilbao Bizkaia Design Week 2021

BasqueTradición y calidad

LegítimoInteligencia artificial para la vida real

Wild NationWild Wild Beers

Mahasti ArteanEl festival del txakoli de Bizkaia

NoraEl feel good movie de Lara Izagirre

Olatz TrojaolaUna identidad de inspiración nórdica

Kaitxo Special CollectionChocolates únicos y exclusivos

Suministros PradaCuarenta años de experiencia

MuvimentLa app que te ayuda a moverte del sofá

La BaskulaGastro-toki a la orilla del cantábrico

Gariza FilmsUna productora independiente y feminista

Azurmendi***Restaurante Azurmendi

Txakolin Eguna 2021Un día para celebrar el txakoli de Bizkaia

Laugar Zombie SeriesUna serie de zombies sin zombies

Artizar EnoturismoLa magia del txakoli

Eneko ShopLa cocina de Eneko Atxa en casa

InspiradosUna identidad a todo color

UKAN WineryUn paisaje, un vino.

Garena JatetxeaLo que somos

Garena TxakolinaTradición y evolución en un botella

(H)emen ElkarteaLa unión hace la fuerza

Gorka IzagirreRaíces con proyección internacional

Back to top Arrow