Griddo consolida y evoluciona el ecosistema digital de Comillas
Cliente
- Universidad de Comillas
Industria
- Educación
Competencias
- Arquitectura de la información
- Desarrollo de producto
- Diseño visual
- Investigación
Equipo
- 3 x Product Designer
- 3 x Front End Engineers
- 2 x Content Strategist
- 1 x Project Manager
Fecha
- Octubre 2023
Contexto
La Universidad Pontificia Comillas necesitaba evolucionar su presencia digital para responder a una nueva realidad en la educación superior: más complejidad informativa, más exigencia en la experiencia de usuario y una identidad de marca capaz de convivir con múltiples facultades, centros y submarcas.
Por lo que el desafío era doble. Por un lado, ordenar un ecosistema digital universitario complejo en una sola experiencia coherente. Por otro, hacerlo sin renunciar a la identidad de cada escuela ni a la excelencia que distingue a la institución. Para una universidad, la web no es un escaparate más: es una pieza central de captación, orientación y conversión.
Abordamos el proyecto desde cuatro disciplinas trabajando como un único sistema: estrategia, diseño, tecnología y datos. A partir de una investigación cuantitativa y cualitativa, rediseñamos la arquitectura web, modernizamos la identidad visual y reforzamos la consistencia de marca, con el objetivo de mejorar la experiencia digital y la conversión en todo el entorno.
12
Meses de colaboración
Trabajar estrechamente con Comillas fue clave para cumplir los plazos y asegurar la calidad esperada del producto.
16.218
Páginas analizadas
Tras un trabajo de análisis, revisión y reorganización, sintetizamos el contenido en 3.894 páginas.
47
Módulos
Combinables y reorganizables, adaptables a cualquier dispositivo o pantalla, con un resultado fresco, moderno y elegante.
8
Integraciones
Permiten gestionar desde una única herramienta todo el trabajo del equipo de marketing, sin depender del área de tecnología.
El punto de partida
Nos apoyamos en múltiples herramientas y dinámicas para extraer los insights que nos permitan definir el roadmap ideal y cuyos resultados se presentan y discuten en talleres con un necesario y variado conjunto perfiles de la Institución, en este caso, en su magnífico Comillas Lab.
La constante actualización del progreso a los stakeholders ha permitido construir una relación de mútua confianza, colaboración y apoyo a las decisiones tomadas durante todo el proyecto dado el carácter y adecuada acreditación de cada uno de los intervinientes.
La investigación apuntó a tres tensiones de fondo en la experiencia digital de la universidad:
- Dificultad para encontrar información.
Futuros estudiantes y familias no localizaban con facilidad lo que buscaban, lo que elevaba el riesgo de abandono y la presión sobre los canales de contacto.
- Falta de coherencia entre marcas.
La percepción de Comillas como institución quedaba desactualizada y su apuesta por la innovación educativa no se reflejaba en el escaparate digital.
- Necesidad de una experiencia más clara para los equipos internos.
Profesorado, decanatos, rectorado, estudiantes y alumni navegaban con dificultad y carecían de pautas para crear contenido, lo que generaba inconsistencias visuales y jerárquicas y demandas de mayor visibilidad por área.
El mapeo de procesos y análisis de arquitectura y flujos supuso una de las fases más exigentes del proyecto, tanto a nivel colaborativo como de esfuerzo. Pero fue primordial para ir descubriendo otros aspectos a mejorar a nivel UX, UI, accesibilidad, tono...
Desafíos
Mejorar los OKR a través de un enfoque dual
Para una universidad, la web institucional es mucho más que un escaparate: es una herramienta clave de captación, orientación y confianza.
La investigación pedía cambio desde varios ángulos. Para priorizarlo, trabajamos sobre dos arquetipos clave de la audiencia de la institución, cada uno ligado a un objetivo concreto:
- Captar mejor al estudiante internacional:
reducir la fricción en el recorrido de admisión y facilitar que encuentre antes la información que necesita, mejorando la conversión.
- Mejorar la experiencia del estudiante actual y de los usuarios internos:
reforzar la conexión con el alumnado y dar a los equipos internos un entorno más claro para navegar y publicar.
La transformación de la imagen de marca y del tono de comunicación dio respuesta a ambos: refrescó a Comillas en su estrategia de captación y, al mismo tiempo, reforzó la identificación de la comunidad actual con los valores de la institución.
Para una universidad, la web institucional es mucho más que un escaparate: es una herramienta clave de captación, orientación y confianza. En Comillas, la nueva estructura debía facilitar que el estudiante internacional encontrara antes la información que necesitaba, reduciendo fricciones en el recorrido de admisión y mejorando la percepción global de la institución desde el primer contacto.
En conjunto, la solución buscaba equilibrar tres prioridades: captación, consistencia de marca y usabilidad. La modernización de la imagen, la optimización de la arquitectura web y la mejora del rendimiento se diseñaron para reforzarse entre sí y traducirse en una experiencia de usuario mejor y una presencia digital más sólida y competitiva.
Auditoría web
Modernización de la imagen corporativa
Arquitectura web
Mejora del rendimiento
Contenido excesivo
La estrategia: lograr una sola voz
El reto no era solo unificar un site, sino ordenar una institución con múltiples marcas, facultades y centros bajo una única experiencia coherente. Colaborando con los departamentos implicados y entrevistando a usuarios, analizamos y depuramos las funcionalidades y servicios de Comillas para identificar cuáles eran esenciales, cuáles prescindibles y cuáles debían evolucionar.
Tener una visión holística de todos los canales de interacción fue fundamental para integrar los datos de la institución en una sola experiencia web, con una navegación clara y una jerarquía consistente entre marcas. Y esa coherencia debía ser sostenible: el modelo se diseñó para que los equipos internos pudieran publicar contenido de forma autónoma sin romper la consistencia visual ni la identidad de la institución.
Comillas es la marca paraguas de la institución, pero la gente reconoce muchísimo más algunas de sus entidades que funcionan como si fueran marcas propias.
Visibilidad y consistencia para todas las casas
ICADE, ICAI, ¿Te suenan, verdad?
En la fase de research, descubrimos que la mayoría de las personas conocían estas "marcas" aún por encima que de la de Comillas, ellos y ellas querían estudiar en ICADE, querían ser ICAI, y a nivel de marca, sin duda, detectamos una oportunidad. Más aún, teniendo en cuenta que cada una de estas entidades tenía su propio logo y su propio color identificativo.
La solución pasó por ordenar la convivencia entre la marca paraguas y sus submarcas a través de una jerarquía visual clara. Asignamos colores de realce a cada entidad para reforzar su identidad y, a la vez, orientar al usuario dentro de un site con muchas URLs y mucho contenido. Ese contraste resolvió la navegación y la orientación, mejoró la lectura visual y permitió dar una visibilidad equitativa a facultades y escuelas sin diluir la identidad de Comillas, de modo que todas las áreas se sintieran integradas.
La solución al intrincado problema vino por aplicar distintos colores de realce, tanto para potenciar las submarcas como para orientar a los usuarios, ya que en la web existían muchísimas URLs y mucho contenido, y la falta de coherencia contribuía a desorientar al usuario. Gracias al contraste obtenido, se solucionó la navegación y orientación, una importante mejora visual y conseguimos una representación equitativa entre las facultades y escuelas para que todas las áreas se sintiesen integradas.
Modernización de la imagen corporativa
En nuestro compromiso de ofrecer una experiencia única y memorable, emprendimos un audaz viaje de redefinición visual. Rompiendo con prejuicios arraigados y desafiando el estilo tradicional y conservador que a veces puede envolver al entorno académico, nos aventuramos a explorar territorios inexplorados, con el fin de conseguir un diseño totalmente atípico para el sector educativo.
Trabajamos en una línea visual que nos desmarcaba de lo conocido pero no nos desvirtuaba, que cumplía las expectativas funcionales y atraía la atención del usuario, y que invitaba a seguir leyendo, descubriendo e imbuyéndose en la web de Comillas, hasta desencadenar en una solicitud de admisión.
La colaboración entre los diferentes equipos y la atención meticulosa a los detalles llevaron a resultados sobresalientes: se creó un diseño limpio y atractivo que capturaba la identidad de Comillas de manera actualizada y coherente con su misión y valores y, a la vez, la presentaba de manera contemporánea.
Elegancia y disrupción
Corresponde al apartado visual modernizar y revitalizar la faceta digital de Comillas, transmitiendo su carácter tendente, actual, joven y digitalizado. Además, la definición de la identidad visual debía desbordar lo digital y permear a lo físico.
Definimos una línea con un carácter minimalista y editorial, en el que jugamos tanto con interacciones más usables y actuales, como con elementos más arriesgados que pudieran ofrecer carácter y distinción respecto a lo habitual en la web de una universidad. La dificultad estuvo en encontrar el equilibrio necesario para mantener aspecto sobrio y riguroso que debe transmitir una institución como Comillas.
Fundamento tipográfico
Para construir marca, nos apoyamos en el recurso más prominente en la comunicación: la tipografía.
La tipografía es el identificador que más presencia tiene, y con el que se interactúa de forma más frecuente, profunda y consciente. Por tanto, buscamos el equilibrio entre el estilo tipográfico clásico y sobrio y la necesidad de insulfar elegancia y modernidad, buscando un efecto amable y dinámico.
Para completar el lenguaje visual, nos sumergimos en el mundo de la iconografía, buscando formas simples, en línea, sin grandes manchas, y de fácil comprensión.
La combinación transmite una sensación de osadía e innovación, de ser una institución atractiva no solo por su prestigio y tradición, si no por su actualidad y descaro a la hora de arriesgar siempre por un bien común, un bien social.
Las composiciones en los logos, colores, tipografías, iconos, fotos, formas y tamaños consiguen crear una armoniosa estructura que cumple las necesidades y apela a las apetencias de los usuarios internos y externos, y que, además, excede las expectativas de estilo visual.
Arquitectura web
La nueva arquitectura web ha mejorado la navegación, facilitando que los visitantes encuentren la información que buscan de manera rápida y sencilla. Se ha priorizado la navegación intuitiva y la estructura jerárquica, asegurando que la información importante sea fácilmente accesible.
En paralelo, el equipo de contenido revisó y reorganizó las páginas existentes, reduciendo el contenido innecesario para presentar la información de forma clara y concisa. Esta reorganización no solo benefició a la navegación externa: también simplificó la gestión interna del site, dando a los editores un entorno más ordenado y fácil de mantener.
La reducción del 35% del contenido en el número de páginas ha permitido una presentación más efectiva de la información, evitando la sobrecarga de contenido.
Griddo, la clave para integrar y cristalizar todo el trabajo
Griddo fue la plataforma que permitió centralizar la gestión de todo el ecosistema web de Comillas en un único entorno. Desde ahí, los equipos de marca, marketing, tecnología y producto educativo coordinan estrategias y mantienen la coherencia de marca, el SEO y la tecnología sin trabajar en silos.
Su mayor valor para una institución como Comillas es la autonomía: más de 100 editores pueden crear y publicar contenido por su cuenta, sobre un sistema de diseño integrado que garantiza la consistencia visual y la experiencia de marca en cada página. La gestión centralizada de sites y la capacidad de publicar sin depender del área de tecnología convierten a Griddo en la base operativa de un ecosistema digital universitario complejo.
La coordinación entre los equipos de diseño y desarrollo ha sido crucial desde el inicio, tanto para llevar a cabo las integraciones con el CRM de Comillas, como para conectar con fuentes de datos de terceros, con la AppCrue, e implementar las funcionalidades técnicas requeridas para respaldar el nuevo diseño y las características del sitio.
Diseño modular
Con este enfoque, hemos logrado superar las limitaciones tradicionales de diseño web y trascender los límites convencionales. Así, cada módulo, cada elemento y cada componente se convierte en una pieza de un rompecabezas, que el usuario puede ajustar, reorganizar y personalizar a medida que las necesidades evolucionen.
Ya sea para crear una ficha de producto, añadir un nuevo centro o lanzar una landing, la integridad de la marca permanece intacta, asegurando una experiencia visual y conceptual coherente.
Diseño responsive
El diseño responsive permite llegar a un público diverso y en constante cambio. La adaptabilidad a cualquier dispositivo garantiza que estudiantes, familias, profesorado o cualquier miembro de la comunidad disfruten de una experiencia óptima y sin obstáculos, accedan cuando y como accedan al contenido.
Rendimiento optimizado
Usamos la potencia de Griddo para unificar los distintos sites de Comillas y facilitar a más de 100 editores el uso y mantenimiento del ecosistema web. El trabajo sobre los tiempos de carga y las Core Web Vitals se tradujo en un site con un 85 % de performance y una mejora en más del 85 % de las URLs analizadas.
Más allá de las cifras, esta optimización tiene un doble impacto: una experiencia más ágil para futuros estudiantes, alumnado actual y equipos internos, y una base técnica más sólida para el posicionamiento en buscadores. La web de Comillas es hoy rápida y amigable tanto para las personas como para los motores de búsqueda.
85
Performance Index
80%
Reducción de los tiempos de carga
85%
Páginas mejoradas según Search Console
1,8s
LCP (Largest Contentful Paint)
Nuevo curso, nueva web
La contínua colaboración durante doce meses entre el equipo multidisciplinar de Secuoyas y la Universidad Comillas ha resultado en una transformación digital exitosa de su sitio web institucional.
