Web Design
UX/UI

JAC México

Cómo una marca automotriz reconstruyó su ecosistema.

Rol
UX/UI Designer
Objetivo
Crear un ecosistema digital conectado que acompañara al usuario antes, durante y después de la compra, mejorando la experiencia en cada fase y optimizando el trabajo interno con un design system unificado.
Solución
Un ecosistema digital compuesto por sitio web, CRM de ventas, CRM de flotillas, módulo de postventa y un design system modular.

Contexto

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.

Problema y objetivo

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.

JAC y GML: 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.

Arquitectura 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.

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.

JAC México — CRM de ventas, detalle y seguimiento de lead

Diseño

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.

JAC México — página de inicio del sitio JAC México — escaparate de modelos y tecnología JAC México — vistas del sitio y modelos destacados

Flujo: Cotización

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.

JAC México — flujo de cotización, versiones y precios

Flujo: Postventa

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.

JAC México — agenda de servicio postventa con mapa de centros

Resultado

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.

El proyecto entregó un ecosistema conectado entre web, CRM y postventa; landings de producto enfocadas en conversión; trazabilidad de leads y servicio en tiempo real; y un design system modular basado en atomic design.

Aprendizajes

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.