cabecera case universidad villanueva.webp

Universidad Villanueva

Diseño y desarrollo de nueva plataforma web customizada para la Universidad Villanueva.

Año: 2020-22

El reto.

Creación de nueva aplicación web y experiencia de cliente, totalmente alineada con su nueva marca, misión, visión y valores para el reposicionamiento de la Universidad en el mercado de la educación privada, a nivel nacional e internacional.

 

Esta nueva plataforma debía ayudarles, además, a ser el epicentro de su plan de comunicación, marketing y ventas, tanto para comunicar e informar mejor como para incrementar la conversión de visitantes a nuevos alumnos del centro (a través de programas de grados y masters).

Entendimiento y definición.

El cliente tenía las siguientes necesidades y retos:

Proceso completo de rediseño de todo la plataforma web, incluido el panel de administración y la tienda onlie de merchandising, basada en Wordpress y Woocommerce.

Rediseño completo de la experiencia de usuario para una óptima navegación y captación de leads de nuevos alumnos, a través de todo tipo de dispositivos (PC, móvil y tablet).

Desarrollo a medida de todo el portal web (+35 páginas corporativas; +30 fichas de programas/titulaciones; blog; eventos; fichas de personal académico, etc).

Desarrollo a medida de la integración vía API REST con Universitas XXI (el SW de gestión líder para Universidades) para la gestión de las Guías Docentes (programas, planes de estudio, asignaturas, créditos, etc) de cada titulación.

Desarrollo a medida de la integración vía API REST con Microsoft Sharepoint para la gestión del Sistema de Calidad de la Universidad.

Actualmente seguimos trabajando realizando evolutivos de la plataforma y nuevos proyectos para ampliar funcionalidades, junto al departamento de IT y Marketing de la Universidad.

fondo-testimonio.jpg

Belén G. - Product Manager

Universidad Villanueva

"La verdad es que, aunque el proyecto era muy ambicioso y las expectativas de toda la dirección eran muy altas, habéis sido capaces de ejecutar el proyecto como esperábamos. Estamos muy contentos con el resultado y, sin duda, seguiremos trabajando con vosotros.
Destacaría la transparencia de vuestro proceso de trabajo, el trabajo fino al pixel en cada pantalla y la facilidad para estar en continua comunicación e informados de los avances."

Personalidad: diseño de marca y cultura.

Gracias al gran trabajo de la Universidad y su agencia de branding, recibimos un manual de identidad de marca de altísimo nivel, así como un proceso de inmersión al nuevo "ecosistema movilizador" de Villanueva. Esto nos facilitó mucho nuestro posterior proceso interno de Ideación, Definición  y Producción de la solución.

Captura de pantalla 2022-05-19 174240.webp

Negro

R0 G0 B0
HEX #000000

C0 M0 Y0 K0
PANTONE 419 C
RAL 9005


El negro es un color básico en nuestra paleta. Es el color del logotipo y el que utilizamos para titulares y textos. Aporta contraste y un alto impacto visual cuando se utiliza en masa y como color de fondo.

Amarillo

R255 G188 B0
HEX #FFBC00

C0 M25 Y100 K0
PANTONE 124 C
RAL 1021

Aporta luminosidad, humanidad y calidez a nuestro universo visual. Utilizado generalmente en combinación con el Azul, inyecta energía a nuestros diseños y es clave en nuestro característico y vibrante uso del color.

Azul

R80 G88 B255
HEX #5058FF

C90 M64 Y0 K0
PANTONE 2131 C
RAL 5015

Es el complemento de matiz frío del Amarillo y ayuda a equilibrar nuestros diseños cromáticamente. El Azul simboliza nuestra parte racional y académica y, junto con el Amarillo, da lugar a nuestro característico uso del color.

Blanco

R255 G255 B255
HEX #FFFFFF

C0 M0 Y0 K0
RAL 9003

El blanco es fundamental en nuestros diseños. Particularmente en piezas de carácter informativo, una generosa proporción de espacio en blanco facilita una clara organización y comunicación de los contenidos.

Símbolo

Nombre

Tagline

Iconografía.

El estilo visual de la iconografía procede directamente
del trazo doble y grueso presente en el diseño del símbolo.

fondo-iconografia.webp
recursos-varios-2.jpg

Diseño de producto digital.

Realizando un proceso de mejora continua aplicando las últimas tendencias en tecnología, diseño y creatividad, con el objetivo de que los clientes tengan una experiencia, conexión e interacción memorable con la marca a través de cualquier canal.

Interfaz (UI) y experiencia (UX).

Optimizando la experiencia de usuarios y alumnos a través de todo tipo de dispositivos, consiguiendo un diseño final muy intuitivo, moderno y atractivo, para:

  • Facilitar tanto la captación de nuevos leads (vía solicitud de información de programas y titulaciones).

  • Alumnos y potenciales alumnos bien informados de todo lo que acontece en el ecosistema Villanueva.

  • Compra de merchandising.

Con especial foco en una buena categorización y búsqueda de las diferentes titulaciones y programas ofrecidos por el centro.

master.jpg
master-3.jpg
master-2.jpg
mobile1.jpg
mobile-2.jpg
mockup mobile (1).png
mockup mobile (2).png
capellania.jpg
internacional.jpg
videos-profes.jpg

Tecnología. Desarrollo de la solución.

La tecnología más bella normalmente es la que no se ve. Pensar de esta manera es clave en nuestro éxito a la hora de plantear la solución ajustada a las necesidades del cliente.
El resultado ha sido una plataforma robusta, segura, flexible, escalable y 100% auto gestionable, que permita acompañar el crecimiento de la Universidad y sus necesidades de los próximos años.

Producción.

integrations-cloudflare-11088.png
gitlab-logo-gray-rgb.png
WordPress-logotype-standard.png
logo universitas xxi.png
sharepoint.png

3

Despliegue a producción

API rest

U XXI

Sharepoint

Aplicación Web

Entorno Desarrollo

Repositorio GIT

Integración continua

1

1

Despliegue a test

2

Validación

API rest

U XXI

Sharepoint

Aplicación Web

Test.

mockup-mobile-1_optimizado.webp
mockup-mobile-2_optimizado.webp
mockup-mobile-3_optimizado.webp

Integración continua.

Es una práctica de desarrollo de software mediante la cual combinamos los cambios en el código en un repositorio central de forma periódica, y a continuación se ejecutan versiones y pruebas automáticas.

La última versión desarrollada se compila y se publica automáticamente para realizar pruebas. 

Prevención de errores al publicar nuevas versiones estables.

Mejor visibilidad que se traduce en mejor comunicación.

Disponibilidad

Previsión

Visibilidad

Retroalimentación

Información precisa y al momento del impacto de los cambios en el sistema.

lyra-integracion-continua-archivo-diagrama-birchman

Equipo de desarrollo 

Informes de publicación

Ejecución de test funcionales

Despliegue al entorno de test

Puesta a punto del sistema de test

Compilación de complementos

Ejecución de test unitarios

Análisis estático de software

Compilación del código fuente

Sistema de control de versiones

Código fuente

Integración

Continua

Análisis de la cobertura de código

Hitos conseguidos.

Estos han sido los principales hitos conseguidos en el proyecto:

Mejora de rendimiento en nueva web

Personalizaciones

en el front-end

Llamadas a APIs externas

Conversión de visita a lead

Funcionalidades

desarrolladas a medida

Queremos trabajar contigo.