cabecera case universidad villanueva.webp

Universidad Villanueva

Implementación de nueva plataforma web customizada para la Universidad Villanueva.

Año: 2020-22

El reto.

Creación de nueva plataforma web a medida, 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:

Implementación de toda la plataforma web, su panel de administración y la tienda online de merchandising, basada en Wordpress y Woocommerce.

Desarrollo a medida de +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 de cada titulación (programas, planes de estudio, asignaturas, créditos, etc).

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.

El proyecto inicial nos fue contratado por la agencia Trazada. Actualmente, junto al departamento de IT y Marketing de la Universidad, seguimos realizando nuevos evolutivos y proyectos para ampliar sus funcionalidades.

fondo-testimonio.jpg

Belén G. - Product Manager

Universidad Villanueva

"El proyecto era muy ambicioso y las expectativas muy altas, y 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 vuestro proceso de trabajo, el detalle 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 KNOM, recibimos una nueva identidad de marca diseñada de un altísimo nivel, el diseño completo de la interfaz de cada pantalla de la plataforma, así como un proceso de inmersión al nuevo "ecosistema movilizador" de Villanueva.

Todo esto nos facilitó mucho y nos sirvió de base para nuestro posterior proceso de implementación de la plataforma.

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

Producto digital.

Recibimos de la Universidad un excelente diseño del producto, en el cual realizaron un proceso de mejora continua aplicando las últimas tendencias en 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).

  • Tener una buena categorización y búsqueda de las diferentes titulaciones y programas ofrecidos por el centro.

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

  • Compra de merchandising.

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

Entorno Desarrollo

Repositorio GIT

3

Despliegue a producción

Integración continua

1

1

Despliegue a test

2

Validación

API rest

U XXI

Sharepoint

Aplicación Web

Test.

API rest

U XXI

Sharepoint

Aplicación Web

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

Aumento en la conversión de visita a lead

Funcionalidades

desarrolladas a medida

Queremos trabajar contigo.