Usuario navegando la app Motor Mind en su celular

¿Qué problema resuelve Motor Mind?

Muchas personas que tienen carro o moto se enteran de que el SOAT venció o de que la revisión técnico-mecánica está pendiente cuando ya es tarde. Eso puede significar multas, gastos inesperados o incluso poner en riesgo la seguridad en la vía.

La idea detrás de Motor Mind es cambiar esa forma de relacionarse con el vehículo. En lugar de depender de la memoria o de papeles guardados en la guantera, la aplicación reúne en un solo lugar las fechas y los mantenimientos importantes, y avisa a tiempo para que el usuario pueda anticiparse.

El resultado es una experiencia más tranquila: el usuario sabe qué documentos tiene al día, qué mantenimiento se acerca y cuánto ha invertido en su vehículo, sin tener que buscar esa información en diferentes lugares.

Mi rol en Motor Mind: idea y diseño UX/UI

Mi participación estuvo principalmente en el desarrollo de la idea y en el diseño UX/UI de la aplicación. Trabajé desde la comprensión del problema hasta la interfaz final.

Tareas principales

  • Construir el Point of View (POV) del proyecto.
  • Identificar las necesidades del usuario.
  • Acompañar la evolución de la propuesta inicial.
  • Diseñar las pantallas y la interfaz de la aplicación.
  • Crear la animación de la aplicación.
  • Organizar la experiencia y la navegación.

El proceso de diseño UX/UI

El proyecto empezó por entender a las personas antes que a la tecnología. Definir el Point of View permitió enfocar el diseño en una necesidad concreta: recordar a tiempo lo que el vehículo necesita, sin complicaciones.

A partir de esas necesidades, la propuesta inicial fue evolucionando. Algunas ideas se simplificaron y otras se reorganizaron para que la aplicación fuera más clara. La prioridad era que cualquier persona pudiera entender su información en pocos segundos.

En la interfaz se usaron tarjetas para cada vehículo, un resumen de gastos y un estado de documentos con colores que indican qué está al día y qué requiere atención. La navegación inferior agrupa las secciones principales para que el usuario siempre sepa dónde está.

La paleta de colores y la tipografía se eligieron para transmitir confianza y seguridad, dos ideas muy ligadas al cuidado de un vehículo. Los íconos son simples y reconocibles, y los botones tienen un tamaño cómodo para usarlos con una sola mano. Cada decisión visual buscaba reducir el esfuerzo del usuario y hacer que revisar el estado de su carro o su moto tomara solo unos segundos.

Lo que aprendí con Motor Mind

Este proyecto me enseñó que el buen diseño empieza por escuchar. Cada pantalla de Motor Mind responde a una necesidad real del usuario, y eso solo es posible cuando se entiende el problema antes de pensar en la forma.

También me permitió conectar mi formación audiovisual con el diseño de experiencias, sobre todo en la animación de la aplicación y en el cuidado de la identidad visual. Si quieres ver otro proyecto donde trabajé la parte estética, puedes conocer Morfosis, o saber más sobre mí en la página Sobre mí.

Motor Mind es uno de los proyectos que mejor muestra mi interés por el diseño UX/UI y por crear herramientas útiles para la vida diaria.

Ficha técnica

  • Tipo: aplicación móvil
  • Área: diseño UX/UI
  • Objetivo: gestión preventiva del mantenimiento de vehículos
  • Mi rol: desarrollo de la idea, POV, diseño de interfaz, animación y navegación
  • Enlaces: Behance y prototipo en Figma

Cómo se diseñó Motor Mind, paso a paso

El diseño de la aplicación siguió un proceso ordenado, desde la idea hasta el prototipo:

  1. Empatizar: entender cómo las personas gestionan hoy los documentos y mantenimientos de su vehículo.
  2. Definir: construir el POV y las necesidades principales del usuario.
  3. Idear: proponer soluciones y ajustar la propuesta inicial según lo aprendido.
  4. Diseñar: crear las pantallas, la interfaz y la navegación de la aplicación.
  5. Prototipar: unir todo en Figma, con animaciones que muestran cómo funciona la experiencia.

Además de la aplicación, la identidad de Motor Mind se llevó a piezas de marca como un llavero y una publicidad exterior, para mostrar cómo el proyecto podría presentarse ante sus usuarios.

Este proceso me mostró que el diseño UX/UI no es solo hacer pantallas bonitas. Es tomar decisiones con base en las personas, probarlas y ajustarlas hasta que la experiencia se sienta natural y fácil de usar.

Pantallas de la app Motor Mind en modo oscuro

Preguntas frecuentes sobre Motor Mind

¿Qué es Motor Mind?

Es una aplicación para gestionar el mantenimiento de vehículos. Recuerda fechas como el SOAT y la revisión técnico-mecánica para que el usuario tenga todo al día.

¿Qué hice en el proyecto?

Participé en el desarrollo de la idea y en el diseño UX/UI: el POV, las necesidades del usuario, las pantallas, la interfaz, la animación y la navegación.

¿Qué es el diseño UX/UI?

Es el diseño de la experiencia (UX) y de la interfaz (UI) de un producto digital. Busca que una aplicación sea fácil de usar, clara y agradable para las personas.

¿Dónde se puede ver el proyecto?

El caso completo está en Behance y el prototipo interactivo se puede explorar en Figma, desde los enlaces de esta página.

¿Para quién está pensada la aplicación?

Motor Mind está pensada para personas que tienen carro o moto y quieren olvidarse de las multas y los gastos inesperados. Es útil tanto para quien usa su vehículo todos los días como para quien lo usa de vez en cuando y suele olvidar las fechas de vencimiento.

¿Qué hace diferente a Motor Mind?

Reúne en un solo lugar los documentos, los mantenimientos y los gastos del vehículo, con avisos a tiempo y una interfaz clara. Así el usuario pasa de reaccionar ante los problemas a prevenirlos.

UX/UI Design