
Universidad Villanueva
Diseño y desarrollo de nueva plataforma web customizada para la Universidad Villanueva.
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.

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.

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.


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.





.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.





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.



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
Conversión de visita a lead
Funcionalidades
desarrolladas a medida