
Universidad Villanueva
Implementación de nueva plataforma web customizada para la Universidad Villanueva.
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.

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.

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.


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.





.png)
.png)



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.





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



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.

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