Unx, campus virtual
Logo Unx

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
Unx, campus virtual
Unx, campus virtual
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 menes, y a todos los recursos que los profesores decidan compartir con la clase.

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.

#9B51E0
#E0B941
#333333
AaZz Roboto
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

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
Unx, campus virtual
Unx, campus virtual
Unx, campus virtual
correo electrónico integrado

E-mail

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
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
Unx, campus virtual
Unx, campus virtual
Unx, campus virtual
Unx, campus virtual
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
Unx, campus virtual
Unx, campus virtual
Unx, campus virtual

¿necesitas un proyecto similar?

contáctame :)