Caso de estudio · Web a medida

AXA Racing: tres marcas, una web y plataforma propia en días

Daniel Hauser
· 4 min de lectura
AXA Racing: tres marcas, una web y plataforma propia en días

El encargo sonaba sencillo: convertir varias webs en una. Propia, rápida y con una gestión que el equipo del concesionario pudiera manejar sin programador. Pero detrás de esa frase se escondía el mayor reto de todo el proyecto: los datos.

3marcas en un solo catálogo
3 díasdel repositorio vacío a la web completa
12secciones de administración propia
1modelo de datos para todos los vehículos

Punto de partida: tres mundos, tres formatos

AXA Racing es concesionario oficial de tres marcas: Polaris, CFMOTO y GOES. Cada fabricante publica los datos de sus vehículos a su manera. Nombra de forma distinta los modelos y submodelos, los colores, los parámetros técnicos y las homologaciones. En un sitio el color es solo un nombre; en otro, un código; en otro, una foto. Y algunos «submodelos» son en realidad vehículos independientes con su propio precio.

Si nos hubiéramos limitado a copiar los datos, el cliente acabaría comparando peras con manzanas en la web, y los comerciales tendrían que rastrear cada cambio de precio o de color en tres sitios distintos.

La solución: un único modelo para todos los vehículos

Antes de diseñar una sola pantalla, creamos un modelo de datos capaz de acoger cualquier vehículo de las tres marcas. Modelo, submodelos, precios, años de modelo, colores con su código y foto para el selector, homologaciones (T1B, T3B, L7e) y fichas técnicas completas, del motor a la capacidad de carga. Y fijamos reglas claras para los datos: imágenes de los vehículos siempre con fondo transparente, ningún producto con datos incompletos y, ante la duda, mejor un campo vacío que una estimación.

El mayor reto no fue el diseño ni el código. Fue llevar los datos de tres fabricantes a un mismo formato para que se pudieran comparar y el cliente pudiera mantenerlos por su cuenta.
AXA Racing, página de inicio de la web
Escena oscura, lima neón y fotos a lo grande. La web tiene el mismo empuje que las máquinas.

Administración propia en lugar de concesiones

Los gestores de contenido estándar están pensados para artículos, no para un catálogo de vehículos con variantes de color. Por eso construimos una administración propia, hecha a la medida de cómo trabaja el concesionario:

  • productos de las tres marcas con variantes, colores y parámetros, con ordenación manual,
  • vehículos en stock y unidades de demostración con galería y solicitud de prueba,
  • calendario de eventos, teambuildings y taller,
  • slides de portada, vehículos destacados y secciones de la página de inicio,
  • catálogos, categorías, contactos y páginas generales,
  • solicitudes desde la web que llegan directamente a los comerciales.

Por qué una plataforma propia con Next.js

La web está construida con Next.js, un framework moderno que usan las webs de grandes marcas. Las páginas se generan de antemano, así que cargan al instante, y aun así el contenido se puede cambiar en cualquier momento desde la administración. Sin plugins de terceros que haya que actualizar sin parar, sin scripts innecesarios. El resultado: una web rápida, fácil de leer para los buscadores, y una plataforma que podemos seguir ampliando.

Y eso es justo lo que está pasando. Tras el lanzamiento llegaron el catálogo de accesorios, la galería de vehículos en stock y la sección de unidades de demostración con reserva de prueba. Cada novedad se despliega en el mismo sistema, sin rehacer la web.

AXA Racing en el móvil
El catálogo y las solicitudes funcionan igual de bien en la palma de la mano que en un monitor grande.

Cómo pudimos hacerlo en pocos días

Gracias a la combinación de experiencia y herramientas modernas. El diseño, el modelo de datos y el desarrollo estuvieron en manos de una sola persona, así que nada se perdió en traspasos entre agencias. La rutina, como convertir datos e imágenes de producto o revisar decenas de variantes de color, la automatizamos; y lo que más importa, es decir, las reglas de los datos, el diseño y el pulido de los detalles, quedó en manos humanas.

El resultado

Una web en lugar de varias, un catálogo para tres marcas y una administración en la que el equipo del concesionario resuelve solo los cambios del día a día. Y una plataforma que crece al ritmo de la empresa.

¿Tienes un proyecto parecido?

Escribe unas líneas sobre lo que necesitas. Te respondo personalmente.

Hablar del proyecto

Más artículos

Rebon: una marca para un producto que el cliente no entiende

Rebon: una marca para un producto que el cliente no entiende

Cómo diseñar marca y tienda de filtración de agua para que un profano entienda qué compra. Del logotipo a los visuales de producto y al diseño de todo el sitio.

Una web que la IA pueda leer: qué significa para el diseño y la construcción

Una web que la IA pueda leer: qué significa para el diseño y la construcción

Una página bonita puede llegarle vacía a la máquina. Cuatro decisiones de diseño que lo provocan y por qué esto no significa hacer webs aburridas.

Google se llevará sus vídeos por su cuenta. La marca deja de decidir qué la representa

Google se llevará sus vídeos por su cuenta. La marca deja de decidir qué la representa

Desde el 23 de octubre Performance Max toma hasta diez vídeos de sus redes y su web para los anuncios. No es un ajuste publicitario, es conducción de marca.

Una marca que aguanta varios mercados

Una marca que aguanta varios mercados

En una expansión suele romperse antes la marca que las campañas. Qué debe quedar igual en cada país, qué tiene que doblarse y por qué se decide en el primer envase y no en el quinto mercado.

Un envase que también tiene que funcionar en miniatura

Un envase que también tiene que funcionar en miniatura

Hoy la mayoría ve un envase por primera vez como un cuadradito en un comparador, no en el lineal. Qué sobrevive a la reducción, qué se pierde y por qué se decide antes del primer trazo.

Hecho a mano frente a la perfección de la IA: por qué vuelve lo imperfecto

Hecho a mano frente a la perfección de la IA: por qué vuelve lo imperfecto

Cuando cualquiera puede generar un visual pulido, lo pulido deja de significar cuidado. Qué le hace eso a las marcas, dónde dejamos entrar a la IA y dónde sigue habiendo una mano sobre el papel.

¿Estudio pequeño o gran agencia? Lo que pagas de verdad

¿Estudio pequeño o gran agencia? Lo que pagas de verdad

Por qué un experto con herramientas modernas y una red de especialistas suele dar más que una gran agencia. Y por qué los clientes vuelven años después.

Cómo la IA acelera nuestro trabajo (y dónde no la dejamos decidir)

Cómo la IA acelera nuestro trabajo (y dónde no la dejamos decidir)

Esta web en ocho idiomas nació en dos días. Así trabajamos con agentes de IA, qué hemos creado a su alrededor y por qué siempre decide una persona.