![Unx, campus virtual](["../img/projects/unx/00-xs.jpg", "../img/projects/unx/00-xl.jpg"])
Estudiar
online
Una web para un campus virtual universitario
- Concepto / UX / UI
- 10 páginas
- 2 vistas (dekstop, mobile)
- Realizado con Figma
Ir a la uni, sin ir
El concepto
Hace tiempo tuve que maquetar la intranet para una universidad online. Me quedé con ganas de poder diseñar una web para un campus virtual, así que lo tomé como un ejercicio personal de diseño.
![Unx, campus virtual](["../img/projects/unx/01-xs.jpg", "../img/projects/unx/01-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/02-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/03-xl.jpg"])
Toda tu universidad en una web
La web ofrece todos los contenidos de los cursos, siempre a tu disposición.
Los estudiantes tienen acceso a la programación semanal de cada curso, a todo el material didáctico para poder preparar los
Fuentes y colores
UI
He elegido una unica fuente, la “Roboto” en tres diferentes pesos: regular, medium y bold. El color corporativo es el morado, en dos tonalidades distintas. Le acompaña como color secundario el gris.
a b c d e f g h i j k l m o n p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 , : ¿ ! #
![Unx, campus virtual](["../img/projects/unx/04-xs.jpg", "../img/projects/unx/04-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/05-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/06-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/07-xl.jpg"])
correo electrónico integrado
El usuario puede consultar su correo electrónico sin necesidad de salir de la web. Este está siempre accesible desde la cabecera, donde también se le notifica en caso de tener correos sin leer.
![Unx, campus virtual](["../img/projects/unx/08-xs.jpg", "../img/projects/unx/08-xl.jpg"])
Menú principal y usuario
Navegación
En el menú principal, que en desktop se mantiene fijo a la izquierda, se muestran las alertas cuando el estudiante tiene avisos sin leer en alguna sección. Desde el menú de usuario se puede cambiar la configuración de notificaciones y los datos personales.
![Unx, campus virtual](["../img/projects/unx/09-xs.jpg", "../img/projects/unx/09-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/10-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/11-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/12-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/13-xl.jpg"])
Mapas y más utilidades
El campus virtual reune todas las herramientas útiles para el estudiante.
En la web se incluyen todo tipo de herramientas para que el usuario no necesite salir del campus para cumplir ninguna acción. Desde google maps hasta el calendario y la secretería de la universidad: la web permite realizar cualquier gestión, descargar material y recursos para el estudio, entregar las tareas y pagar la matrícula.
Acercar estudiantes y profesores
Comunicar
En la web hay herramientas a disposición del estudiante para poderse comunicar con sus compañeros, como el correo electrónico, los foros o el chat. También están disponible los profesores para aclarar dudas sobre los temas didácticos o los resultados de los tests.
![Unx, campus virtual](["../img/projects/unx/14-xs.jpg", "../img/projects/unx/14-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/15-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/16-xl.jpg"])
![Unx, campus virtual](["../img/projects/unx/17-xl.jpg"])