Aplicación de salud
UX de producto
MV AgustaAutomoción · Diseño web para concesionarios
Dealer WorkspaceAutomoción · Producto digital
Servicios
Herramientas
Tecnologías utilizadas
Servicios
Herramientas
Tecnologías utilizadas
Automoción · Diseño web para concesionarios
MV Agusta
Un diseño web por encargo para un concesionario MV Agusta, que después desarrollamos internamente como una sala de exposición funcional. La experiencia conserva el carácter visual de la marca al descubrir modelos, elegir vehículos disponibles y contactar con el concesionario.
Automoción · Producto digital
Dealer Workspace
Un espacio de trabajo para que los concesionarios de motocicletas respondan a clientes, organicen visitas y hagan avanzar ventas. El correo, los SMS y las conversaciones web se reúnen en un lugar, con responsables claros y la motocicleta y el siguiente paso cerca.
Dos caras del concesionario
El sitio web ayuda a los compradores a encontrar una motocicleta y hacer una consulta. El espacio de trabajo está diseñado para llevar ese contexto al día a día del concesionario. Estas demostraciones funcionan por separado; su conexión no está activa.
El brief
Adaptar el lenguaje visual editorial de la marca al sitio de un concesionario. Los compradores necesitaban ver la disponibilidad, comparar los detalles de una motocicleta concreta y encontrar un siguiente paso claro con el concesionario.
Por qué este producto
Un comprador puede preguntar por correo sobre una motocicleta, continuar por mensajes y después pedir una visita. El concesionario necesita mantener unida esa conversación, saber qué responsable atiende al cliente y convertir su interés en un siguiente paso claro. Nos propusimos integrar respuestas, visitas y seguimiento en un proceso continuo.
Decisiones de diseño
Partiendo de un brief estructural proporcionado, replanteamos el estilo visual, la composición, los componentes y parte del orden de las páginas. Las fotografías de gran formato establecen la marca; las tarjetas de vehículos disponibles, las especificaciones y las acciones directas apoyan el recorrido de compra.
Después de entregar el diseño, lo desarrollamos como sitio web funcional. Los patrones de página compartidos mantienen una navegación, presentación de modelos y selección de vehículos coherentes en toda la sala de exposición.
Nuestras decisiones de producto
Pusimos la conversación con el cliente en el centro. Los mensajes mantienen visible su canal y el personal puede elegir cómo responder desde el mismo lugar. Vinculamos las conversaciones al registro del cliente, donde quedan claros el responsable asignado y las motocicletas de interés.
Conectamos la conversación con la visita: el personal propone horarios en la sala de exposición y el comprador elige en línea. Las ventas y las tareas dan continuidad a la siguiente acción. Cada motocicleta tiene su propio registro de inventario y un paso de publicación separado permite controlar lo que ven los compradores en el sitio.
Nuestra contribución
Entregamos el diseño UX/UI y los componentes reutilizables, y después desarrollamos el frontend y el movimiento de la sala de exposición como proyecto del estudio. La identidad de marca y las imágenes de las motocicletas pertenecen a MV Agusta.
Nuestra contribución
Definimos la dirección del producto, mapeamos relaciones y procesos, revisamos la primera versión sección por sección y diseñamos y desarrollamos el frontend adaptable. El trabajo cubre tanto la interfaz visible como las reglas que permiten que sus secciones funcionen juntas.
01 / Prioridades del concesionario
Acerca las motocicletas disponibles a la entrada.
La página de inicio muestra los vehículos disponibles justo después de la imagen inicial. El estado, el año y el precio aparecen juntos, para que la primera decisión pueda centrarse en una motocicleta que ofrece el concesionario.
Las pruebas de conducción y el servicio técnico aparecen como acciones directas. Son los motivos cotidianos para visitar un concesionario y tienen un lugar claro en la jerarquía de la página.
02 / Exploración del modelo
Mantén el siguiente paso junto al modelo.
Reunimos la motocicleta, las vistas disponibles, las especificaciones clave y Ver disponibilidad en una tarjeta de producto coherente. Los compradores pueden examinar el modelo mientras sus detalles prácticos permanecen en su lugar.
Ver disponibilidad lleva el modelo seleccionado al filtro del inventario. Así conecta la página expresiva del modelo con las motocicletas disponibles del concesionario.
03 / Selección de vehículos disponibles
Da a cada motocicleta sus propios detalles.
Un anuncio necesita más que el nombre del modelo. Colocamos el precio solicitado, el año, el kilometraje, los propietarios anteriores y parte del VIN junto a la motocicleta, con una acción para Consultar.
Los filtros por familia, modelo y estado reducen la lista; la ordenación permite comparar precios y años. La vista filtrada conserva la selección en la URL para compartirla. El inventario mostrado contiene datos de ejemplo.
04 / Dirección visual
Mantén la marca a lo largo del recorrido de compra.
Las imágenes grandes de motocicletas, la tipografía firme y el contraste claro-oscuro mantienen la identidad de MV Agusta en la sala de exposición. Usamos las fotografías de la marca dentro de una composición y un sistema de componentes nuevos.
La página del modelo da a los detalles técnicos su propio ritmo visual: un primer plano, un título claro y una explicación breve. El movimiento sigue esa jerarquía, con una apertura expresiva y transiciones más tranquilas entre los detalles.
01 / Conversaciones con clientes
Responde al comprador desde un solo lugar.
Un cliente puede empezar en el sitio y continuar por mensajes. El personal necesita ver el intercambio anterior al responder, sin importar el canal que utilice el comprador.
Reunimos consultas web, correo electrónico y SMS en una misma interfaz de chat, con el canal indicado en cada mensaje. En este ejemplo, Carlos pasa del sitio web al SMS; el personal puede responder junto al historial, con la motocicleta correspondiente encima.
02 / Responsabilidad sobre el cliente
Mantén a cada cliente con su responsable.
Un contacto compartido del concesionario necesita una responsabilidad clara detrás. El equipo puede asignar un responsable a cada cliente y ver quién gestiona la relación, junto al siguiente paso.
Vinculamos esa responsabilidad al registro del cliente. Cuando los datos de contacto identifican a un cliente existente, una consulta nueva enlaza con ese registro y conserva al responsable asignado. Las conversaciones y el seguimiento permanecen conectados a la misma persona.
03 / De la conversación a la visita
Convierte un mensaje en una visita reservada.
Una petición como «el jueves después del trabajo» debería llevar a una visita que el comprador pueda confirmar en línea. Colocamos los horarios propuestos dentro de la conversación, para que el personal organice la visita mientras tiene la solicitud delante.
El comprador elige un horario y esa elección se convierte en una cita vinculada a la conversación. En esta demostración, la vista previa del correo permite probar la parte del comprador.
04 / Dar continuidad
Haz avanzar la venta después de responder.
Después de una respuesta o una visita reservada, el equipo sigue necesitando saber qué viene después. Cada venta mantiene unidos al comprador, la motocicleta exacta y la siguiente acción.
Convertimos el siguiente paso en una tarea compartida entre la venta y la lista de tareas, con responsable y vencimiento. El mensaje original del comprador puede quedar adjunto para que quien haga seguimiento vea lo acordado. El tablero destaca pasos atrasados y ventas que aún necesitan uno.
05 / Decisiones sobre inventario
Identifica qué motocicletas necesitan una revisión más atenta.
Dos motocicletas del mismo modelo pueden tener precios, disponibilidad y tiempo de publicación diferentes. Agruparlas ocultaría detalles que el concesionario necesita para decidir.
Hicimos de cada unidad de inventario la base de la gestión y los informes. Cada motocicleta conserva sus propias visitas y consultas. La vista de análisis destaca patrones como muchas visitas sin consultas, para que el concesionario los examine.
06 / Control del sitio web
Revisa los cambios antes de que los vean los compradores.
Un precio nuevo o el estado Reservado cambian la oferta del concesionario. El personal necesita poder revisar esos cambios juntos.
Separamos Guardar borrador de Publicar cambios. Los cambios pendientes se ven campo por campo y la publicación es una siguiente acción deliberada. Las noticias y las importaciones CSV siguen la misma regla.
El resultado
Un diseño entregado y una sala de exposición funcional.
El diseño por encargo se entregó. Después desarrollamos internamente esta sala de exposición de 28 páginas, con páginas de modelos, filtros de inventario, pruebas de conducción y servicio técnico. La versión mostrada utiliza contenido de ejemplo; sus formularios validan los datos sin enviarlos.
El resultado
Un espacio de trabajo funcional para el concesionario.
Una aplicación funcional para escritorio, tableta y teléfono que conecta conversaciones con clientes, responsables, reservas de visitas y seguimiento de ventas con la gestión del inventario y del sitio web. Explora los procesos con datos de ejemplo; tus cambios se guardan en tu navegador. La demostración no está conectada al sitio del concesionario ni a servicios de correo electrónico o SMS.
Otros casos
Dealer Workspace
Aplicaciones
Lips by Lara
Sitios web
Traditional
Sitios web
My State
UX de producto
Banking App
UX de producto
EPILMOOD
Sitios web
Benelli
Sitios web
SayMo
Aplicaciones
Plataforma de automóviles de lujo
Confidencial
Análisis de subastas de automóviles
Confidencial
Ferrari · Plataforma de compraventa de automóviles
Confidencial
