AUTO GESTORIA
Web App Responsive para Servicios de Gestion Automotriz
Proceso UX
Investigación
Análisis del usuario.
Wireframes
Estructura de pantallas.
Responsive
Diseño de interacción.
Implementación
Desarrollo del sistema.
Cromática
#2F6FE4
Color principal
#1C3F94
Azul profundo
#F2F4F8
Fondo general
#FFFFFF
Cards / superficie
#2B2B2B
Header / navbar
#1A1A1A
Texto principal
#34C759
Éxito
#FF3B30
Error
Tipografía
DM
Uso: interfaz y contenido
Aa Bb Cc Dd Ee Ff
Resultado final
El resultado fue una plataforma optimizada, pensada para ofrecer una experiencia fluida, moderna y centrada en el usuario.
Investigación
En la etapa de investigación del CRM orientado a la venta de planes de ahorro, se analizaron en profundidad los procesos internos de la operación comercial, desde la captación del cliente hasta la carga y aprobación de la solicitud.
Se relevaron los flujos reales de trabajo de los equipos de venta, administración y seguimiento, identificando puntos críticos como la duplicación de datos, la falta de visibilidad del estado de cada operación y los cuellos de botella en la validación de documentación.
Asimismo, se tuvo en cuenta el recorrido posterior a la venta, donde surgen problemáticas como el seguimiento manual de clientes, la dispersión de la información entre distintos canales y la dificultad para mantener trazabilidad.
A partir de estos hallazgos, se definieron oportunidades de mejora centradas en la automatización, centralización de datos y generación de alertas inteligentes.
Wireframes
Algunos Wireframes del proyecto (Wireframe - mi-fi hi-fi - Dashboard supervisor - Desktop - Panel General - Modal Operacion - Ingreso de Usuario)
Responsive
En esta etapa se desarrollaron los prototipos finales atravez de wireframes para verificar el User flow y la experiencia del usuario en su version responsive mobile. Resumen del Prototipado (Login - Dashboard Supervisor - Panel General).
Implementación
El sistema fue desarrollado utilizando tecnologías modernas orientadas a rendimiento, escalabilidad y mantenibilidad.
Se diseñó una arquitectura modular que permite la evolución del producto, integraciones con servicios externos y una gestión eficiente del flujo de datos.
A nivel de desarrollo, se trabajó sobre una base frontend optimizada con JavaScript moderno, priorizando tiempos de carga, renderizado fluido y experiencia de usuario.
Stack & Herramientas
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Backend: Node.js + Express
- Base de datos: SQL / SQLite (estructura optimizada para leads y gestión)
- Arquitectura: API REST + lógica modular
- Integraciones: APIs externas y automatizaciones
- AI / Asistencia: Uso de Claude para optimización de flujos internos y lógica del sistema
Se implementaron mejoras de performance, optimización en la carga de datos y una interfaz enfocada en la eficiencia operativa del usuario.