Auto DX: diseño de app para diagnóstico automotriz

Que hice

UX/UI

Industria

Automotriz/Tecnología

Descripción

Auto DX es un proyecto de diseño de app móvil que ayuda a los conductores a entender qué le pasa a su carro sin necesidad de saber de mecánica. La aplicación detecta posibles fallas a partir de tres tipos de entrada: un audio del sonido del vehículo, una imagen o la selección de síntomas. Fue un proyecto en equipo donde diseñamos toda la experiencia e interfaz (UX/UI).

El sistema de diseño detrás de la app

Antes de diseñar las pantallas, construimos el sistema de diseño completo de Auto DX. Definimos la paleta de colores, la tipografía, los componentes reutilizables y los estados visuales, para garantizar que toda la app fuera coherente y fácil de escalar. Puedes ver el sistema de diseño en Figma..

Del wireframe al diseño final

El proceso de diseño de app arrancó con los wireframes, las estructuras básicas de cada pantalla antes de aplicar el estilo visual. Esto nos permitió validar el flujo y la experiencia de usuario antes de invertir tiempo en el diseño final. Puedes explorar los wireframes en Figma.

Cómo funciona Auto DX

La app convierte un problema estresante, como una falla mecánica, en una experiencia clara y tranquilizadora. El usuario elige cómo describir el problema (audio, imagen o síntomas), y la app le entrega un diagnóstico con su nivel de urgencia, usando colores (verde, naranja y rojo) para que cualquier persona lo entienda de inmediato.

Resultado

El resultado es una aplicación con una identidad visual sólida y una experiencia intuitiva, que hace accesible algo técnico. Puedes ver el caso de estudio completo en Behance.

Mi rol: diseño UX/UI e interfaz en Figma, como parte del equipo.

¿Buscas que diseñen la interfaz de tu app o tu web? Hablemos.