Bolaños Díaz, Diego FernandoCuadros Casas, Emilio2026-06-262026-06-262026http://hdl.handle.net/11522/5585El proyecto consiste en el rediseño de la página web oficial del Sistema MIO de Cali, abordando problemas críticos como su diseño visual obsoleto, su arquitectura de información confusa y su falta de optimización para dispositivos móviles. A través de una investigación con 14 encuestas y 8 entrevistas a usuarios reales, se identificó que el 78.6% de los usuarios reporta una mala experiencia desde el celular, el 78.6% no confía en la información publicada y el 85.7% necesita planificar rutas pero no puede hacerlo fácilmente. Mediante la metodología Design Thinking, se desarrolló un prototipo de alta fidelidad e interactivo en Webflow con enfoque mobile-first, acompañado de un manual de estilo (UI Style Guide) que sistematiza las decisiones de diseño visual como paleta de colores, tipografía, iconografía y componentes. La validación se realizó con 10 usuarios y un experto (profesor de diseño web), obteniendo comentarios positivos como "la navegación es mucho más lógica", "la experiencia se siente profesional y confiable". En conclusión, el proyecto demuestra cómo el diseño centrado en el usuario puede transformar un servicio público esencial, recuperando la confianza de los usuarios y haciendo que moverse en Cali sea más fácil, rápido y accesible para todos.36 p.application/pdfspaExperienciaPrototipadoWebMobile‑firstValidaciónExperiencePrototypingValidationRediseño del sistema de comunicación visual de la página web del MIObachelor thesishttps://creativecommons.org/licenses/by-nc-sa/4.0/http://purl.org/coar/access_right/c_abf2