Universidad Europea
De la fragmentación de servicios a una experiencia all-in-one escalable
- PRODUCT DESIGN
- INTERACTION DESIGN
- UI DESIGN
- RESEARCH
Rediseño de la app del Campus Virtual de la Universidad Europea para unificar la experiencia académica del alumnado en 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 (App Store y Google Play Store)
- Sector
- Educación · Mobile
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 colaboració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 integraba en paralelo 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) y validación
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 son idénticos en código, pero el aspecto visual (colores, logotipos y tipografías secundarias) muta automáticamente cuando el alumno hace login y el sistema identifica su institución.
Diseñamos los wireflows basados en historias de usuario reales, cubriendo flujos de alta complejidad. Calendario académico: el flujo más crítico, con múltiples casuísticas de clases, exámenes y 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 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.