Innovación y transporte JAC.

Rol

UX/UI Designer.

Objetivo

Diseñar una página web que refleje de manera efectiva el sentido de tecnología e innovación que la marca promueve en el desarrollo detecnologías de transporte, abarcando tanto mercados industriales comocomerciales y eléctricos.

Problema

Esta plataforma debe adaptarse a la diversidad deusuarios que interactúan con la marca, considerando la extensa variedad demodelos disponibles para atender las necesidades de los diferentes mercados.

Diseño

Al tener una cartera tan diversa de usuarios, debemos entender que el contenido se abordará y consumirá de maneras diversas. Además de priorizar cierta información sobre otra, la cual se adapte más a la búsqueda particular de cada usuario.

De este modo, buscamos que el contenido sea fácil de consumir, brindando la información necesaria para que el prospecto conozca el producto a fondo, atendiendo todas las características técnicas.

A la vez, debe ser dinámico e interactivo para mostrar el vehículo de forma entretenida, invitando a usuarios expertos y no expertos en el tema automovilístico aprofundizar en todas las características que el producto tiene para ofrecer.

Este enfoque implicó comprender qué información es más solicitada y cuáles son las funcionalidades que destacan a cada producto frentea la competencia en el mercado. Plasmando de manera precisa y efectiva la información en cada sección correspondiente del diseño.

Todo esto, adaptado a un estilo de diseño minimalista,limpio, escalable y adaptable, dando prioridad al contenido gráfico de los productos que son los protagonistas de cada una de sus landing pages.

Landing page de vehículo

Comenzando con el espacio más importante de la una página web, el hero section.

En este espacio se protagoniza la pieza de material gráfico principal, siendo capaz de captar la atención del usuario en el producto. Contiene únicamente el nombre del modelo y el precio.

Seguido a este, contamos con los principales KSP del producto. Los datos duros que distinguen a cada vehículo de su competencia.

Un recorrido interactivo

Contamos con un recorrido interactivo del vehículo, que nos lleva a conocer como es el vehículo tanto por fuera, como dentro. Generando un sentido más cercano con el prospecto.
Acompañando al usuario mostrando características o funcionalidades especiales del modelo, que puedan llevar al prospecto a una decisión de compra.

Ver poryecto de animacion 3D

Home page

En el home, destinamos secciones para mostrar los principales vehículos de la marca, además de tener una sección especial para lanzamientos de vehículos o promociones.
La página principal brinda un vistazo rápido de todos los productos, manteniendo una estética limpia pero llamativa, dando gran protagonismo a cada imagen.

Lanzamiento de e30x

Un nuevo servicio

La marca JAC, recientemente esta posicionando nuevos servicios de renting con sus vehículos eléctricos.

Buscando generar un acercamiento de los usuarios a esta clase de vehículos, conociendo todos sus beneficios y características especiales, dándoles la oportunidad de usarlos y probarlos el tiempo que deseen.

Una nueva linea

En el diseño se opto por tomar una línea que mantuviera la misma esencia del sitio web de jac, pero con una estructura simple y moderna, adaptada a la personalidad de esta línea de vehículos.

Contamos con ciertos puntos importantes del vehículo, enfocados en su potencia  y rendimiento.

Diseñando una nueva galería, que abarca gran espacio de pantalla disponible, con un scroll infinito para que el usuario pueda conocer el vehículo tanto por fuera como por dentro.

Cabe mencionar que en estas landing de registro, solo se puede acceder a partir de la pagina del producto en cuestión.

Mockup Figma

Ver maqueta