◈
Jerarquía visual
El acceso principal, las categorías y el proceso de ingreso quedan claramente diferenciados.
Diseño institucional UMG
SISTEMA DE FORMACIÓN DEL PROFESOR UNIVERSITARIO.
SISTEMA DE FORMACIÓN DEL PROFESOR UNIVERSITARIO
Resumen del portal
Estructura sugerida para cursos, diplomados y ofertas académicas con identidad visual basada en azul institucional.
03
bloques principales
100%
diseño responsive
JS
contenido dinámico
Elementos destacados
Hero institucional
Buscador de categorías
Acordeones
Pasos de acceso
Tarjetas informativas
Ventajas del rediseño
Mejora la presentación sin perder el enfoque institucional
La idea no es recargar el portal, sino ordenarlo mejor y darle una identidad más sólida con azul UMG, bloques claros y navegación más directa.
⌘
Contenido escalable
Las categorías y módulos se cargan desde JavaScript, así es más fácil mantener la estructura.
▣
Diseño responsive
La propuesta se adapta a móvil, tablet y escritorio sin romper el orden de la interfaz.
✓
Estética más moderna
Se reemplaza el estilo plano y disperso por una composición más limpia, uniforme y profesional.
Oferta académica
Categorías dinámicas
Selecciona una categoría para ver una vista resumida y sus módulos internos. El buscador filtra rápidamente las opciones disponibles.
Proceso sugerido
Cómo ingresar al sistema
Esta sección reorganiza la parte informativa del acceso para que el usuario entienda rápidamente qué hacer según su caso.
1
Ingresar o registrarse
El usuario puede iniciar sesión si ya posee una cuenta o completar el formulario de registro si es nuevo.
2
Validar acceso
Se recomienda mostrar mensajes claros sobre credenciales, perfil institucional o estado del registro.
3
Recuperar contraseña
Debe existir un acceso visible para restablecimiento, evitando que el usuario dependa solo de texto en el pie de página.
4
Explorar cursos
Una vez dentro, el usuario visualiza sus categorías, módulos disponibles y accesos directos a su formación.
Base lista para seguir construyendo
Esta maqueta puede servir como landing principal, portal de acceso o vista pública de cursos. También se puede convertir luego en una plantilla para PHP o integrarse con backend.