Moodle, CSS, Figma
Rediseño del Entorno Virtual de la Universidad del Gran Rosario
Estado: Activo (requiere acceso institucional)
Ir al sitio
La Universidad del Gran Rosario, con sede central en Corrientes 1254 (Rosario, Santa Fe), utiliza una plataforma educativa basada en Moodle para impartir clases sincrónicas y asincrónicas, tanto a estudiantes de Argentina como de Ecuador. Además, funciona como soporte para las clases presenciales, brindando acceso a materiales, entregas y recursos académicos
Durante el receso de verano de 2024, llevamos a cabo un proceso de rediseño completo de la interfaz del entorno virtual. Este trabajo se extendió por tres meses e incluyó:
Investigación y diagnóstico
Comenzamos con una auditoría detallada del estado actual de la interfaz, identificando problemas de usabilidad, redundancia de elementos, falta de jerarquía visual y deficiencias en la experiencia mobile.
Propuesta e implementación
Una vez aprobado el nuevo diseño —centrado en el usuario prin cipal: el estudiante—, se implementaron los cambios exclusivamente mediante CSS personalizado, debido alas restricciones propias de Moodle. Se estandarizaron márgenes, tipografías, botones y otros componentes para unificar criterios visuales y mejorar la legibilidad.
Cambios destacados
Header
Se reemplazó el logotipo por una versión institucional, especialmente adaptada para su uso en el entorno virtual. Además, se reorganizó la navegación, reduciendo tres barras superpuestas a solo dos, priorizando así los accesos realmente útiles tanto para alumnos como para docentes.
Footer
En el pie de página se incorporó el logo institucional con un acceso directo a la página de inicio. Se reorganizó el contenido aplicando jerarquías visuales claras y se agregaron íconos que mejoran la lectura rápida de los elementos. También se trabajó en su adaptabilidad: mientras que anteriormente el footer se ocultaba en dispositivos móviles, ahora cuenta con un diseño completamente responsive.
Página de inicio
En la página de inicio se eliminaron accesos que solo eran relevantes para administradores y moderadores. Los accesos generales se organizaron en un menú desplegable, y las imágenes publicitarias —que anteriormente replicaban contenido de Instagram— fueron reemplazadas por un carrusel institucional más sobrio. Se priorizó el acceso directo a las aulas en las que el usuario está matriculado, mejorando la eficiencia de la navegación.
Chat
Se aplicó la nueva paleta de estilos para unificar visualmente el entorno. Dentro del chat general, se reorganizaron el buscador y las opciones para ubicarlos en una sola línea, optimizando el espacio. En la vista de conversación, se eliminó la repetición de nombres y avatares en cada mensaje, reduciendo la saturación visual y mejorando la legibilidad general
