Juntos con unos compañeros de la universidad, se nos fue designado el proyecto de rediseñar la página web de nuestra universidad, la idea era cambiar su estructura a nivel de distribución de elementos: para agregar nuevas funcionalidades, pulir aspectos técnicos y refrescar el diseño por uno más acorde a los estándares minimalistas actuales.

Se nos pidió cambiar solamente la sección principal y se nos dieron ciertas libertades creativas, mientras se hacían revisiones al proyecto por parte de las autoridades de la universidad.

Fuimos 3 los encargados de este proyecto y nos dividimos las tareas de forma tal que cada uno se enfocará en el área que más domina, en mi caso me encargué de toda la parte visual, para la propuesta de maquetación y diseño.

Primeramente partí de realizar 3 bocetos a papel basándome en el diseño base que ya tenía la página de la universidad y variando ciertos elementos y su distribución según los referentes que habíamos tomado, además de pensar en la navegación y en el CTA del usuario estudiantil o administrativo que entraría en la web.

De los modelos planteados en los bocetos, el ganador fue el primero, aunque luego de ciertas revisiones se le hicieron unas modificaciones, para agregar nuevos elementos.

Se agregaron nuevas secciones de noticias, que mostraran contenido dividido por cada vicerrectorado, puesto que la pagina actual solo posee una sola sección de noticias y allí están todas mezcladas. La idea de este cambio era separar la información relevante para que tanto los estudiantes como el personal administrativo pudiesen acceder de forma más fácil y clara a las ultimas noticias de cada sector.

Este cambio supuso una reestructuración de los elementos de la página entre ellos los perfiles biográficos históricos, que son básicamente una sección de la página que muestra las caras de los héroes de la independencia venezolana o personajes que aportaron a un cambio evolutivo en la nación.

Cabe destacar que todos los elementos gráficos de la nueva página fueron rediseñados de cero o actualizados a su versión más reciente; banners, logos y portadas de las secciones.

Estos cambios se hicieron para lograr una consistencia y uniformidad minimalista en el estilo de la página, otro de los cambios más notorios en la nueva propuesta es precisamente una nueva forma de mostrar el contenido CTA; tanto de las redes sociales, como los enlaces externos de los aliados comerciales de la universidad.

Antes las redes sociales eran un elemento fijo al costado derecho que te seguía en el desplazamiento de la página y este se superponía en ciertas partes al hacer scroll lo que lo hacía molesto al leer artículos, además que no estaba optimizado para una versión móvil por ende; se tomó la decisión de prescindir de eso y reubicar dichos enlaces CTA, quedando fijados en el banner superior y en el pie de página, que por cierto este seria otro de los elementos agregados por primera vez.

Ahora la página si contaría con un verdadero pie de página con enlaces a las secciones o materiales descargables más importantes de la página, además de incorporar información técnica legal.

Conclusión

Hacer este proyecto llevo casi un mes y medio de trabajo, por los cambios y retos que iban surgiendo luego de ciertas reuniones y de implementar las propuestas, todo esto mientras aun seguíamos en temporadas de clases normales. El diseño y propuesta gusto bastante a las autoridades sin embargo aún sigue en espera para su implementación real en la web.

Sin embargo puede decir con total seguridad y firmeza que fue un honor participar en la realización de dicha propuesta. No solo porque supuso un reto porque se convertiría en uno de mis proyectos favoritos, sino porque desde que había entrado a la universidad y vi la página soñaba con hacerle una actualización.

De hecho un tiempo después de su aprobación decidí hacer otras maquetas de cómo se verían otras secciones de la página si también le pusieran el mismo diseño.

Dejaré por acá dichas secciones de ejemplo, además de una imagen que muestra la evolución de diseños que ha tenido la página de la universidad desde su creación hasta la actualidad.

Montajes Adicionales

Secciones ejemplares de cómo se verán ciertas partes de la página

Artículo de Noticia

Galería de Secciones