top of page

DSP the Brand Studio

PORTADA UPR.jpg

Rediseño de website para La Universidad de Puerto Rico

2021

UPR

La Universidad de Puerto Rico es el principal sistema universitario público del Estado Libre Asociado de Puerto Rico de los Estados Unidos. Es una corporación de propiedad del gobierno con 11 campus y aproximadamente 58,000 estudiantes y 5,300 profesores.

La Meta:

Para este proyecto se nos indicó que la universidad necesitaba modernizar su website, para hacerla más atractiva y acorde a los tiempos.

Proceso:

La primera etapa del proyecto se realizaron varias reuniones con el equipo, donde se conversó de los requerimientos del cliente, y se tocaron los puntos importantes a trabajar.​ Luego procedí a investigar, y cree dos mood boards que nos permitieran ver por donde llevaríamos el estilo del nuevo website. Se escogió una propuesta con el cual se inició a trabajar. Trabajé en conjunto con el web developer, donde supervisaba que todo estuviera dentro de los parámetros diseñados y que funcionara correctamente.

Propuesta:

Mi propuesta fue realizada tomando en cuenta el carácter moderno y joven que se quería transmitir, es por esto que utilice colores llamativos, tomados del mismo branding de la universidad, La finalidad era captar la atención de nuevos estudiantes, se diseñó con base en que fuese intuitivo para los estudiantes encontrar la información adecuada.

Resultados:

Se logró dar un carácter más atractivo y moderno como se solicitó, se simplificaron y mejoraron procesos. Aunque actualmente todavía no se ha publicado el nuevo website, este se entregó al cliente después de finalizar el contrato.

Bocetos y moodboards

Wireframe del website

A continuación se presenta la propuesta para la página principal, la cual se explican a continuación: 

  • El website contiene muchas secciones, el cual dividimos en el menú por grado de jerarquía, el menú principal y secundario, donde se integró un directorio para encontrar la información de cada recinto más rápido.

  • Portada con una imagen donde aparecen los estudiantes felices en el campus. Esta sección tendrá el eslogan que caracteriza a la universidad.

  • Se integró en la página principal un stick menú para apoyar al usuario a encontrar la información más relevante que esté buscando.

Tipos de estudiantes y eventos importantes

  • En la siguiente sección se agregaron los diferentes tipos de estudiantes que pueden ingresar a la universidad, colocados en un lugar no muy lejos del inicio, tomando en cuenta que el público que más les interesa a la universidad son los de nuevo ingreso.

  • Lo siguiente era necesario contar con una sección donde el usuario pudiera ver rápidamente cuáles eran los eventos más importantes según el grado de importancia, la misma presentara los tres eventos más importantes, son un botón donde ampliaría en una página con los demás eventos. Con la capacidad de poder linkearlo a Google calendar y no perderse de ninguna fecha importante.

 

Sección especial y Oferta académica

  • La universidad de Puerto Rico es conocida como líder en el campo de investigaciones, por lo cual se nos solicitó resaltar este hecho, dando a conocer organizaciones que los avalan, con el fin de atraer al estudiante.

  • Lo siguiente era presentar las ofertas académicas de una manera diferente y atractiva, se crearon varias tarjetas para mostrar las diferentes ofertas que la universidad quería enfocarse, el cual le agregue un buscador para filtrar la carrera que el estudiante quisiera estudiar y corroborar si estaba disponible en el recinto.

  • Como requisito se nos pidió que en la página principal debe haber una sección donde informe al estudiante de cuáles son las ayudas económicas que ofrece el gobierno y la universidad para estudiantes que así lo necesiten. 

  • Lo siguiente es que la universidad cuenta con 11 recintos en diferentes zonas de Puerto Rico, por lo tanto, esta debe de aparecer en la página principal, a cuál al cliquearles le llevaría a la página correspondiente de cada recinto y poder encontrar la información que busca.

Ayudas económicas y Recintos

Noticias y Formulario de contacto

Lo siguiente que se nos pidió fue presentar una sección de noticias, tipo blog, el cual se colocaron las cuatro más importantes en el principal de acuerdo a su fecha de publicación, la misma le ofrece al estudiante un entendimiento más de cerca sobre los temas más importantes a tener en cuenta por la universidad. Estos blogs serían de carácter orientativo para el nuevo estudiante, o aquel que quiere realizar su maestría.

Para finalizar era necesario contar con un formulario de contacto donde el estudiante pudiese comunicarse con algún encargado de asesorarle en su proceso de matriculación o cualquier duda que pudiese surgir.

bottom of page