ECOLABS es una plataforma web diseñada e implementada durante mi práctica profesional en la Universidad EAFIT. El proyecto reemplaza el proceso manual de préstamo de equipos tecnológicos y audiovisuales — que operaba mediante Google Forms y hojas Excel — con un sistema centralizado de tres perfiles diferenciados: Estudiante, Docente y Administrador. El proceso siguió el Diseño Centrado en el Usuario en cuatro fases: investigación, arquitectura, diseño de alta fidelidad e implementación en React.
9 entrevistas semiestructuradas y observación contextual con los 3 perfiles. Revisión del sistema anterior (Google Forms + Excel). Construcción de 3 personas y 3 journey maps con emociones, dolores y oportunidades que orientaron el diseño.
Mapa del sitio diferenciado por perfil, 4 flujos de interacción detallados y 10 requerimientos UX con criterios de aceptación medibles. Esta documentación funcionó como contrato de diseño con el equipo de backend.
Sistema de diseño en Figma (paleta EAFIT, tipografía, íconos Lucide, grilla 8px, 12 componentes base). 35+ pantallas. Pruebas de usabilidad con 9 participantes — SUS 78.1. 7 problemas resueltos: wizard de solicitud por fechas primero, rediseño del módulo grupal.
React 18 + Vite + CSS Modules. 12 rutas protegidas por rol con PrivateRoute + JWT. Integración con 10 endpoints REST via Axios. React Hook Form + Yup para formularios. Coordinación semanal con el equipo de backend para pruebas de integración end-to-end.