Rediseño del sistema de comunicación visual de la página web del MIO

Simple item page
dc.contributor.advisorBolaños Díaz, Diego Fernando
dc.contributor.authorCuadros Casas, Emilio
dc.date.accessioned2026-06-26T16:55:01Z
dc.date.available2026-06-26T16:55:01Z
dc.date.issued2026
dc.description.abstractEl 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.spa
dc.description.degreelevelPregrado
dc.description.degreenameDiseñador(a)de Comunicación Visual
dc.format.extent36 p.
dc.format.mimetypeapplication/pdf
dc.identifier.urihttp://hdl.handle.net/11522/5585
dc.language.isospa
dc.publisherPontificia Universidad Javeriana Cali
dc.publisher.departmentFacultad de Creación y Hábitat
dc.publisher.programDiseño de Comunicación Visual
dc.rights.accessrightshttp://purl.org/coar/access_right/c_abf2
dc.rights.creativecommonshttps://creativecommons.org/licenses/by-nc-sa/4.0/
dc.rights.urihttps://creativecommons.org/licenses/by-nc-sa/4.0/
dc.subjectExperienciaspa
dc.subjectPrototipadospa
dc.subjectWebspa
dc.subjectMobile‑firstspa
dc.subjectValidaciónspa
dc.subjectExperienceeng
dc.subjectPrototypingeng
dc.subjectValidationeng
dc.titleRediseño del sistema de comunicación visual de la página web del MIOspa
dc.typebachelor thesis
dc.type.coarhttp://purl.org/coar/resource_type/c_7a1f
dc.type.localTesis/Trabajo de grado - Monografía - Pregrado
dc.type.redcolhttps://purl.org/redcol/resource_type/TP
Files
Original bundle
Now showing 1 - 3 of 3
Thumbnail Image
Name:
Emilio-Cuadros_Documento.pdf
Size:
1.63 MB
Format:
Adobe Portable Document Format
Download
Thumbnail Image
Name:
Emilio-Cuadros_Memoria.pdf
Size:
15.05 MB
Format:
Adobe Portable Document Format
Download
No Thumbnail Available
Name:
Emilio-Cuadros_Licencia-Autorización.pdf
Size:
298.5 KB
Format:
Adobe Portable Document Format
Download
License bundle
Now showing 1 - 1 of 1
No Thumbnail Available
Name:
license.txt
Size:
1.71 KB
Format:
Item-specific license agreed to upon submission
Description:
Download
Collections
Diseño de Comunicación Visual