Fernando Catter

Vinsyt / Web responsiva

The Owner Web App

El historial del vehículo y la siguiente acción de servicio, en un navegador

La app web del propietario es un producto en producción. Esta página muestra un rediseño que inicié por mi cuenta, no una actualización lanzada. Exploré cómo la información del vehículo, el historial de servicio, los documentos y el agendamiento podrían funcionar juntos con más claridad sin exigir descargar una app.

Rol

Product design, diseño de interacción, UI, componentes y UX writing.

Equipo
Fui el único diseñador de este concepto, con un product owner y un lead developer en el producto en producción.
Superficies
Web responsiva. Se muestran frames de escritorio.
Etapa
Rediseño conceptual de un producto en producción. No construido. El producto en producción opera en 22 concesionarios.

Hacer que cuatro fuentes se lean como un solo historial

El plan del fabricante explica qué toca. Las órdenes de reparación muestran qué ha pasado. Los datos de recall identifican trabajo abierto contra el VIN. El sistema de agendamiento aporta la próxima visita disponible.

Esas fuentes siguen separadas detrás del producto, pero el propietario no debería tener que reconstruir su relación. Usé el vehículo como punto de organización, con las necesidades de servicio, el historial y la siguiente acción conectados en la página.

Cuatro fuentes, un historial

El plan del fabricante, las órdenes de reparación, los datos de recall y el agendamiento se leen como un solo historial conectado. Ese mismo historial le da contexto al asistente de IA, así el propietario puede preguntar por el auto sin explicar primero su historia.

Cuatro fuentes de datos resolviéndose en un solo historial de vehículo conectado

Darle a Care y a Glovebox lugares distintos

La distinción está entre actuar sobre el auto y encontrar algo sobre él. Evita que la vista general se convierta en un depósito de toda la información que guarda la plataforma.

Care

Care reúne el trabajo pendiente y el historial de servicio.

La vista Care con el trabajo pendiente sobre el historial de servicio

Glovebox

Glovebox le da un lugar propio a los documentos, los manuales y la información del vehículo, con búsqueda disponible en la misma vista.

La vista Glovebox con documentos, manuales e información del vehículo, con búsqueda

Empezar el agendamiento con el vehículo ya conocido

La pantalla de agendamiento parte del vehículo seleccionado y su contexto. El propietario aporta lo que todavía falta para la visita en lugar de volver a ingresar el historial.

Mantuve el agendamiento cerca de la información de servicio que lo originó. La tarea es coordinar la visita, no traducir la historia del auto a un formulario nuevo.

Agendamiento

Una solicitud de servicio empieza con el vehículo seleccionado y solo pide los detalles que faltan.

La pantalla de agendamiento abriendo con el vehículo ya seleccionado

Diseñar para el navegador junto al teléfono

El navegador ofrece una ruta desde un SMS o un correo hacia el historial del vehículo, los documentos y el agendamiento. La app del teléfono es una experiencia relacionada, no un requisito para completar esas tareas en el navegador.

Dos superficies

El navegador y el teléfono reparten el trabajo entre superficies y siguen conectados por patrones compartidos.

Cómo el navegador y el teléfono reparten el mismo trabajo

Entrega y alcance

Una dirección propuesta, no una actualización lanzada


El rediseño explora la vista general del vehículo, Care, Glovebox y el agendamiento en Figma. Es una dirección propuesta para el producto, no una actualización lanzada.

  • El producto en producción al que se dirige entregó 15,551 historiales en los primeros ocho meses de 2026
  • 7,588 de esos historiales fueron abiertos
  • El producto en producción opera en 22 concesionarios
  • Web responsiva. Se muestran frames de escritorio. No construido.