Casos de estudio Plantilla de caso · Dealer Workspace

Dealer WorkspaceAutomoción · Producto digital

Página de una Rush Mamba de 2025, número de inventario MV2457: fotos, precio, estado en el sitio y sus propias visitas, consultas y pulsaciones de teléfono durante los últimos 30 días — Una motocicleta

Servicios

Diseño de producto
Diseño UX/UI
Desarrollo frontend

Herramientas

Análisis de la competencia
Investigación de mercado
Auditoría UX
Arquitectura de la información
Historias de usuario
Flujos de usuario

Tecnologías utilizadas

React
TypeScript
Vite
React Router
React Aria Components
Variables CSS
IndexedDB

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.

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.

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

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.

Conversación de Carlos Mendez sobre una Dragster RR SCS, MV2485: una consulta inicial desde el sitio web seguida de SMS, con controles para responder por correo, SMS y chat del sitio — Los mensajes web y SMS de Carlos en una misma conversación

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.

Lista de clientes con columna Asignado a: Ben Carter está asignado a Ethan Cole y Carlos Mendez a Mia Chen; se ven un filtro de empleados y el siguiente paso de cada cliente — Responsabilidad sobre el cliente y siguiente acción, visibles para el equipo

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.

Conversación con Ben Carter sobre una Brutale 800: pide venir el jueves después del trabajo y un panel propone tres horarios con los botones Enviar estos horarios y Ajustar — Horarios propuestos junto a la solicitud de Ben

Vista del comprador de un correo a Ben Carter sobre una Brutale 800, con un botón para cada uno de tres horarios de visita — Vista del comprador: elegir un horario para crear la cita

La vista del comprador confirma la visita de Ben de 30 minutos para ver la Brutale 800 de 2026 el jueves 5 de noviembre a las 5:00 PM America/Los Angeles, con una acción para Añadir al calendario — Ben confirma su visita en línea; el horario reservado también aparece en la conversación del concesionario

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.

Tablero de ventas con operaciones abiertas en cuatro columnas: Nueva, Cualificada, Propuesta y Negociación; cada tarjeta incluye un cliente y una motocicleta y muestra su valor, siguiente paso y responsable, o indica que faltan — El tablero muestra el siguiente paso o indica que falta

Detalles de la tarea Confirmar la prueba de la Rush de Daniel: asignada a Sophia Reed, vence el 5 de noviembre a las 11:00 AM, vinculada al cliente, la venta y la conversación, con el mensaje original de Daniel — Una tarea vincula al comprador, la venta y el mensaje original

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.

Lista de inventario de 34 motocicletas: cada fila tiene foto, año del modelo, número de inventario, precio, disponibilidad, estado en el sitio, visitas, consultas y días publicados — Cada motocicleta tiene su propio número de inventario y datos de anuncio

Análisis: motocicletas señaladas por muchas visitas sin consultas o por llevar mucho tiempo en el sitio, sobre una tabla de anuncios con visitas, visitantes, consultas, tasa de consulta, pulsaciones de teléfono y días publicados — Los datos de anuncio de ejemplo destacan motocicletas que conviene revisar

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.

Edición de una Rush Mamba de 2024, MV2464: el panel En el sitio muestra un precio nuevo y el estado Reservado como aún no publicados, con los botones Guardar borrador y Publicar cambios — Un cambio de precio y estado pendiente de publicación. El sitio web no está conectado a esta demostración.

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

Explorar espacio de trabajo Todos los casos