I.U. Pascual Bravo
Web Desing
El proyecto consistió en la conceptualización y el diseño de la interfaz de usuario (UI) para la plataforma web EPDI (Escuela Publica de Diseño) de la Institución Universitaria Pascual Bravo. El propósito principal de este ecosistema digital es centralizar y visibilizar las acciones, recursos y herramientas de apoyo que la institución brinda para mitigar la deserción estudiantil y promover la inclusión real en la comunidad educativa.
A través de un enfoque de diseño limpio, moderno y centrado en el usuario, se transformó un repositorio de información institucional en una plataforma web interactiva, flexible y visualmente atractiva, facilitando que estudiantes, docentes y personal administrativo accedan fluidamente a rutas de atención, tutorías y contenidos pedagógicos de valor.
Accesibilidad Universal (WCAG): Al tratarse de una plataforma con enfoque de educativo, el diseño UI no podía ser solo estético; debía sentar las bases conceptuales para cumplir con las pautas de accesibilidad web, asegurando contrastes cromáticos correctos, legibilidad tipográfica y adaptabilidad estructural para personas con diversas capacidades.
Arquitectura de Información Compleja: Sintetizar e integrar una gran cantidad de dependencias, subprogramas, normativas institucionales y formularios de caracterización en un mapa del sitio unificado, evitando la sobrecarga cognitiva para el estudiante.
Equilibrio de Identidad de Marca: Respetar rigurosamente los lineamientos y el manual de identidad corporativa de la Institución Universitaria Pascual Bravo, pero al mismo tiempo dotar a la estrategia EPDI de una personalidad visual propia, cercana, humana y moderna.
Optimizar la Experiencia Visual (UI): Diseñar un sistema de interfaz moderno, modular y coherente que proyecte confianza, cercanía y rigurosidad académica.
Mejorar la Navegabilidad y Usabilidad: Establecer una arquitectura de información intuitiva que reduzca la carga cognitiva y permita a los usuarios encontrar rutas de atención o recursos estudiantiles clave en la menor cantidad de clics posibles.
Garantizar la Adaptabilidad: Estructurar el diseño bajo un sistema de rejillas escalable y responsive, asegurando una visualización impecable e idéntica legibilidad tanto en pantallas de escritorio como en dispositivos móviles.
El proceso inició analizando los flujos de usuario tradicionales dentro de los portales universitarios. Tras identificar los puntos de dolor del publico universitario, se simplificó el mapa del sitio. Se definieron estructuras claras.
Se desarrollaron esquemas de baja fidelidad (wireframes) para validar la disposición de los bloques de contenido, menús de navegación y llamados a la acción (CTAs). En esta etapa, el foco estuvo en la distribución estratégica de espacios en blanco para dar “respiro” visual a la interfaz y en asegurar que los elementos clave mantuvieran una jerarquía lógica.
Para garantizar la escalabilidad y consistencia absoluta en todo el sitio, se creó un sistema de diseño compacto:
Tipografía: Selección de fuentes con alta legibilidad en pantallas digitales, utilizando escalas de peso claras para títulos, subtítulos y bloques de lectura.
Color: Uso estratégico de los colores institucionales como base, complementados con tonos neutros y de acento para guiar el ojo del usuario hacia las acciones principales.
Componentes: Diseño modular de tarjetas (cards), botones interactivos con estados claros (default, hover, active), menús limpios e iconografía lineal personalizada para representar cada una de las líneas de la estrategia de permanencia.
Se unificaron la estructura y los elementos visuales en el diseño final de las pantallas. Se prestó especial atención al diseño editorial digital en las secciones de artículos y guías multimedia, logrando que el material didáctico se consuma de forma fluida. El resultado es un portal web institucional de alto rendimiento visual que dignifica y potencia la comunicación de la inclusión y permanencia educativa.