Rediseño del sistema de comunicación visual de la página web del MIO
| dc.contributor.advisor | Bolaños Díaz, Diego Fernando | |
| dc.contributor.author | Cuadros Casas, Emilio | |
| dc.date.accessioned | 2026-06-26T16:55:01Z | |
| dc.date.available | 2026-06-26T16:55:01Z | |
| dc.date.issued | 2026 | |
| dc.description.abstract | El 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.degreelevel | Pregrado | |
| dc.description.degreename | Diseñador(a)de Comunicación Visual | |
| dc.format.extent | 36 p. | |
| dc.format.mimetype | application/pdf | |
| dc.identifier.uri | http://hdl.handle.net/11522/5585 | |
| dc.language.iso | spa | |
| dc.publisher | Pontificia Universidad Javeriana Cali | |
| dc.publisher.department | Facultad de Creación y Hábitat | |
| dc.publisher.program | Diseño de Comunicación Visual | |
| dc.rights.accessrights | http://purl.org/coar/access_right/c_abf2 | |
| dc.rights.creativecommons | https://creativecommons.org/licenses/by-nc-sa/4.0/ | |
| dc.rights.uri | https://creativecommons.org/licenses/by-nc-sa/4.0/ | |
| dc.subject | Experiencia | spa |
| dc.subject | Prototipado | spa |
| dc.subject | Web | spa |
| dc.subject | Mobile‑first | spa |
| dc.subject | Validación | spa |
| dc.subject | Experience | eng |
| dc.subject | Prototyping | eng |
| dc.subject | Validation | eng |
| dc.title | Rediseño del sistema de comunicación visual de la página web del MIO | spa |
| dc.type | bachelor thesis | |
| dc.type.coar | http://purl.org/coar/resource_type/c_7a1f | |
| dc.type.local | Tesis/Trabajo de grado - Monografía - Pregrado | |
| dc.type.redcol | https://purl.org/redcol/resource_type/TP |
Files
Original bundle
1 - 3 of 3
Loading...
- Name:
- Emilio-Cuadros_Documento.pdf
- Size:
- 1.63 MB
- Format:
- Adobe Portable Document Format
Loading...
- Name:
- Emilio-Cuadros_Memoria.pdf
- Size:
- 15.05 MB
- Format:
- Adobe Portable Document Format
No Thumbnail Available
- Name:
- Emilio-Cuadros_Licencia-Autorización.pdf
- Size:
- 298.5 KB
- Format:
- Adobe Portable Document Format
License bundle
1 - 1 of 1
No Thumbnail Available
- Name:
- license.txt
- Size:
- 1.71 KB
- Format:
- Item-specific license agreed to upon submission
- Description: