Universidad Europea
De la fragmentación de servicios a una experiencia all-in-one escalable
PRODUCT DESIGN / INTERACTION DESIGN / UI DESIGN / RESEARCH
La Universidad Europea rediseña la app de su Campus Virtual para ofrecer a los alumnos una experiencia totalmente nueva en sus dispositivos móviles
Rol
Product Designer (UX/UI & Research)
Equipo
4 Product Designers + equipo interno UE (marketing y desarrollo )
Entregables
App all-in-one, sistema de diseño white-label y arquitectura de la información
Estado
Implementado (disponible actualmente en la App Store y Google Play Store)
Contexto y el reto
La Universidad Europea, con presencia en España y Portugal y operando bajo distintas marcas (Escuela Universitaria Real Madrid, IADE, IPAM), enfrentaba un problema de fragmentación. Cada institución contaba con una aplicación de Campus Virtual diferente, con baja adopción por parte del alumnado debido a problemas de usabilidad y a una experiencia digital inconexa.
El reto principal consistía en conceptualizar y diseñar una aplicación móvil centralizada y escalable (all-in-one) que unificara todos los servicios académicos y diarios del estudiante, mejorando la satisfacción, simplificando su día a día y permitiendo la adaptación visual a todas las marcas del grupo institucional.
Metodología y colabración
El proyecto se abordó bajo una metodología ágil en profunda colaboración con los equipos internos del cliente:
- Fase 1 (Sprints de 2 semanas)
Definición de la arquitectura de la información, conceptualización de la propuesta visual y creación de los primeros componentes. - Fase 2 (Sprints de 2 semanas)
Diseño de la UI, iteración del sistema de diseño y componentización avanzada. - Fase 3 (Sprints de 3 semanas)
Validación con usuarios, iteración final del diseño y handoff constante al equipo de desarrollo (iOS y Android), que trabajaba en paralelo integrando los sistemas legados.
"El verdadero reto no era rediseñar pantallas, sino orquestar una solución transversal que unificara por completo la vida académica de los alumnos en un único punto de contacto móvil."
Pivote estratégico: El diseño visual
Durante las primeras fases, planteamos una dirección visual disruptiva y expresiva. Sin embargo, en paralelo, el equipo de marketing del cliente redefinió la identidad global de la marca.
Lejos de suponer un bloqueo, este hito nos permitió pivotar la estrategia visual para alinear el producto digital con la nueva identidad corporativa. Adoptamos un diseño más racional, basado en fondos claros, formas rectas y acentos de color, garantizando una consistencia visual absoluta en todos los puntos de contacto de la institución.
Arquitectura multimarca (white-label)
El mayor reto técnico a nivel UI fue construir una única aplicación que sirviera tanto para España como para Portugal y para todas las escuelas del grupo.
Para lograrlo, creamos un Sistema de Diseño Tokenizado (white-label). La estructura, los flujos y los componentes de la app son idénticos en código, pero el aspecto visual (colores principales, logotipos y tipografías secundarias) muta automáticamente en el momento en el que el alumno hace login y el sistema identifica a qué institución pertenece. Construimos una librería viva con cientos de componentes documentados para asegurar la escalabilidad futura.
Flujos críticos y validación (research)
Diseñamos los wireflows basados en historias de usuario reales, cubriendo flujos de alta complejidad como:
- Calendario académico: El flujo más crítico, con múltiples casuísticas (clases, exámenes, fechas clave).
- Gestión de estudios: Resumen de asignaturas y seguimiento del alumno.
- Soporte y operativa: Apertura de tickets y gestión de pagos.
Todo el ecosistema se validó mediante un doble track de research. Inicialmente con entrevistas a estudiantes de España y Portugal para levantar necesidades, y posteriormente con tests de usabilidad 1:1, logrando validar el 85% de las funcionalidades del MVP en la primera iteración.
Impacto y resultados
- Unificación del ecosistema
Centralización del 100% de la operativa del alumno en un único punto de contacto digital, eliminando la fricción de usar múltiples apps. - Eficiencia operativa (White-label)
El sistema multimarca permite al grupo universitario lanzar y mantener la aplicación en nuevas escuelas o países sin necesidad de reescribir código ni generar nuevos diseños base. - Alineación corporativa
Éxito en la adaptación ágil del producto digital a las nuevas guías de estilo globales definidas por la dirección de marketing durante el proceso de desarrollo.