[ CASE/001 ] — JAC WEB

Cómo una marca automotriz reconstruyó su ecosistema.

Conectar cada punto del recorrido del cliente, antes, durante y después de la compra, con eficiencia operativa, consistencia visual y una experiencia realmente centrada en las personas.

JAC WEB home
Cliente
JAC México · GML
Rol
Diseño de experiencia y ecosistema digital
Año
2025
Stack
Web · CRM de ventas · CRM de flotillas · Design System
[ 001 ] — Contexto

Innovar más allá del vehículo.

Cuando una marca automotriz decide innovar más allá de sus vehículos, también redefine la forma en que las personas interactúan con ella. El sitio web de JAC había quedado rezagado frente a los estándares actuales del mercado y estaba sostenido por procesos internos fragmentados, complejos y poco optimizados. Esto afectaba tanto la percepción del usuario como la eficiencia de los equipos de venta y postventa en todo el país.

La marca se encontraba en un punto crítico de expansión. Para mantener su crecimiento en México y competir en un entorno cada vez más digitalizado, era fundamental reconstruir su ecosistema digital desde la base: repensar su arquitectura y diseñar experiencias coherentes, escalables y orientadas a las necesidades reales de los usuarios y del negocio.

[ 002 ] — Problema / Objetivo

Un solo recorrido conectado.

El desafío principal consistió en crear un ecosistema digital conectado que acompañara al usuario durante todo su recorrido: antes de la compra, durante la toma de decisión y después de adquirir su vehículo. El objetivo fue mejorar la experiencia en todas las fases, extender la relación más allá de la compra, guiar con información clara y procesos simples, y optimizar el trabajo interno con herramientas digitales eficientes y transparentes.

Era igualmente esencial garantizar que toda la identidad visual y funcional pudiera escalar sin fricciones mediante un design system unificado, manteniendo la coherencia de la marca en cada pantalla, módulo y producto que se desarrollara en el futuro.

[ 003 ] — Contexto

Dos organizaciones, un solo sistema.

JAC México forma parte de JAC Motors, una marca automotriz internacional que ha logrado posicionarse en Latinoamérica con una propuesta accesible y tecnológicamente avanzada: SUVs, modelos eléctricos y vehículos comerciales.

Giant Motors Latinoamérica (GML), ensamblador y socio estratégico de JAC en México, coordina operaciones, distribución y procesos internos a nivel nacional. Esa estructura demandaba un ecosistema digital capaz de centralizar información, mejorar la eficiencia operativa y mantener alineación total entre ventas, postventa y comunicación con el cliente. El nuevo ecosistema debía responder a la realidad de dos organizaciones trabajando como una sola, y hacerlo de forma fluida, clara y consistente.

[ 004 ] — Arquitectura

Componentes del ecosistema.

El ecosistema digital de JAC se diseñó como un conjunto interconectado de plataformas que trabajan de manera coordinada para ofrecer valor al usuario final y a los equipos internos. Cada producto se construyó con una visión modular, escalable y continua entre procesos que antes funcionaban de forma aislada. El rediseño del portal estableció una estructura más clara y moderna, con landing pages enfocadas en conversión y un módulo de e-commerce dedicado a accesorios.

Home hero
JAC/01 — Home, hero
Modelos
JAC/02 — Escaparate de modelos
Detalle de lead en CRM
JAC/03 — CRM de ventas, detalle de lead
OPS/CRM

El CRM de ventas se convirtió en una herramienta clave para el equipo comercial, con seguimiento de leads en tiempo real y un módulo de postventa que mejoró la trazabilidad de cada solicitud. Un CRM independiente para flotillas internas gestionó los vehículos propios de JAC, registrando incidentes, mantenimientos y reparaciones. Y un design system modular, inspirado en atomic design, documentó tipografía, color, espaciados y cada componente reutilizable, manteniendo el ecosistema coherente y más ágil de construir.

[ 005 ] — Diseño

De lo fragmentado a lo claro.

La diversidad de usuarios fue uno de los mayores retos. El contenido debía funcionar para personas con muy distintos niveles de conocimiento automotriz. La arquitectura de información se planteó desde una lógica clara y jerárquica que prioriza la rapidez de comprensión y permite profundizar sin abrumar.

El diseño es minimalista y visualmente limpio, dando protagonismo a los vehículos. El hero section ancla cada landing de producto, colocando la imagen del vehículo, su nombre y su precio en primer plano. La página principal funciona como un escaparate ordenado de los modelos más importantes y los lanzamientos recientes.

[ 006 ] — Flujo

Una nueva forma de cotizar.

La cotización es uno de los momentos decisivos en la compra de un vehículo. Para simplificarla y hacerla más confiable, construimos una nueva experiencia guiada en la que el usuario avanza por un flujo intuitivo que reduce fricciones y se apoya en datos reales de la institución financiera asociada. Esa integración genera cotizaciones formales y precisas, fortalece la transparencia y ayuda a tomar decisiones informadas en menos tiempo.

[ 007 ] — Flujo

Postventa, conectada.

El rediseño de la postventa eliminó las barreras que dificultaban la comunicación entre usuario y marca. Los clientes ahora solicitan servicios de manera rápida y ordenada, con una guía clara en cada paso. La información se centralizó en los sistemas internos de JAC, lo que permitió un seguimiento más preciso, menos errores y trazabilidad completa de cada solicitud. El resultado mejoró tanto la experiencia del cliente como la operación interna, permitiendo procesar solicitudes con mayor eficiencia.

Localizador de servicio
Agendar un servicio

Lo que entregamos.

La transformación del ecosistema digital de JAC generó una experiencia más clara y confiable para los usuarios y fortaleció los procesos internos. Las nuevas plataformas habilitaron una comunicación más ágil entre áreas, mejoraron la trazabilidad de ventas y servicios y consolidaron una imagen digital sólida y moderna. El design system se volvió esencial para acelerar nuevas funcionalidades y mantener la consistencia de la marca en todos sus productos.

  • Ecosistema conectado entre web, CRM y postventa
  • Landings de producto enfocadas en conversión
  • Trazabilidad de leads y servicio en tiempo real
  • Design system modular basado en atomic design
[ 009 ] — Aprendizajes

Lo que aprendimos.

La magnitud del proyecto demostró lo importante que es diseñar soluciones flexibles capaces de adaptarse a distintos perfiles de usuario. La colaboración continua con los equipos internos permitió comprender cada proceso a profundidad y convertirlo en una experiencia más intuitiva. La arquitectura de información se consolidó como un pilar de claridad, y la transparencia en procesos críticos como la cotización y la postventa reforzó la confianza. Un buen diseño no solo mejora la experiencia del cliente, sino también la eficiencia operativa y la percepción de marca.

JAC fue un desafío integral: una audiencia diversa y procesos internos complejos a nivel nacional.

El diseño tenía que equilibrar las expectativas del público con los objetivos del negocio, manteniendo la calidad y consistencia que caracterizan a JAC y a GML. El resultado fue un ecosistema digital moderno, escalable y profundamente humano, capaz de acompañar al usuario antes, durante y después de adquirir su vehículo.