La Universidad de Castilla-La Mancha lleva tiempo confiándonos sus proyectos digitales. Ya habíamos trabajado con ellos en Sirse y en la web del Posgrado de Derecho. En esta ocasión el reto era distinto: la información de la Fundación General estaba repartida entre varios sitios web y querían reunirlo todo en un único portal coherente, que mantuviera la identidad visual de la UCLM y que el propio equipo de la fundación pudiera gestionar.
El reto: unificar sin perder coherencia
El punto de partida era complicado. La información existía, pero estaba dispersa en múltiples webs con formatos y estilos diferentes. El cliente nos proporcionó el nuevo organigrama de contenidos y nos indicó de qué webs podíamos extraer cada bloque de información.
Lo primero que hicimos en Colorvivo fue definir una estructura gráfica común para todas las páginas del sitio: los elementos visuales que aparecen en cada sección tienen que ser coherentes entre sí, aunque el contenido cambie. Parece evidente, pero en la práctica requiere trabajo previo de diseño de sistemas y mucha atención al detalle.
La migración: a mano, sin atajos
Al venir el contenido de múltiples sitios con estructuras diferentes, la migración automática no era viable. Tocó hacerlo a mano: revisar cada página, adaptar el contenido al nuevo formato y trasladarlo al portal unificado. Es una labor que lleva tiempo, pero garantiza que nada se pierde ni queda descolocado.
La arquitectura: árbol de contenidos y navegación clara
El mayor protagonista del sitio es su estructura. Para una web institucional con tanto contenido, el árbol de navegación tiene que estar bien pensado. Lo pusimos presente en tres sitios: el menú principal, el footer y las migas de pan en cada página interior, para que el usuario siempre sepa dónde está. La arquitectura de una web influye directamente en cómo la leen tanto los usuarios como los buscadores.
Además de la navegación general, hay páginas interiores que funcionan como landing pages independientes dentro del árbol. Las de Cursos y Posgrados son el mejor ejemplo: tienen su propio menú de navegación interna con scroll animado, y concentran en un solo lugar tablas, formularios, vídeos y galerías relacionadas con cada programa.
Elementos y funcionalidades
El portal incluye sliders animados, galerías de imágenes, formularios complejos, milestones, acordeones y tablas que el propio cliente gestiona. Todo desarrollado con WordPress y WPBakery Page Builder, que da al equipo de la fundación control total sobre el contenido sin necesidad de conocimientos de programación. Si te interesa cómo diseñamos experiencias interactivas que mejoran el engagement en portales con mucha información, puedes leer más sobre microexperiencias que mantienen al usuario navegando.
Preguntas frecuentes
¿Por qué eligieron WordPress para un portal institucional universitario?
WordPress permite que el equipo de la fundación gestione el contenido sin depender de programadores para cada actualización. Con WPBakery Page Builder tienen control sobre la estructura de cada página sin necesidad de tocar código.
¿Cómo se hizo la migración de contenidos desde múltiples webs?
Al no haber un formato común entre los sitios de origen, la migración automática no era viable. Se hizo a mano: revisar cada página, adaptar el contenido al nuevo formato del portal y trasladarlo al sitio unificado con la estructura acordada.
¿Qué son las landing pages interiores de la web?
Son páginas que, aunque forman parte del árbol de contenidos general, funcionan como portales autónomos con su propio menú de navegación interna. Las páginas de Cursos y Posgrados son el ejemplo más completo: integran tablas, formularios, vídeos y galerías en un único espacio.
¿Cómo mantiene la web una apariencia coherente con tantas secciones?
Antes de construir ninguna página, definimos un sistema gráfico común: cabeceras, tipografía, colores, componentes reutilizables. Eso garantiza que todas las secciones del portal, aunque tengan contenidos muy distintos, compartan una identidad visual clara.
