Instituto Internacional de Teología a Distancia
Más de 50 años formando a distancia, ahora con una presencia digital a la altura de su legado
Cómo Proportione modernizó la web de una institución educativa histórica: rendimiento, accesibilidad y experiencia visual renovada sin perder su esencia.
× 
El Cliente
Instituto Internacional de Teología a Distancia
El IITD es una institución educativa con más de 50 años de trayectoria, especializada en formación teológica a distancia. Desde Madrid, ofrece programas que van desde la DECA hasta cursos de especialización para personas de toda España y Latinoamérica.
Con más de 1.585 alumnos y un modelo pedagógico consolidado, el IITD necesitaba que su presencia digital reflejara la solidez y profesionalidad de su proyecto educativo.
El Reto
Una institución con décadas de experiencia necesitaba una web moderna sin sacrificar rendimiento, accesibilidad ni su identidad histórica.
Rendimiento
Una web lenta que penalizaba la experiencia del usuario y ponía en riesgo la elegibilidad para Google Ad Grants, fuente clave de captación de alumnos.
Modernización Visual
Un diseño estático que no transmitía la vitalidad de la institución. Necesitaba animaciones, interacciones y un aspecto profesional contemporáneo.
Accesibilidad
Una web educativa debe ser accesible para todos. Había problemas de contraste, touch targets y jerarquía de encabezados que requerían atención.
Lo que Construimos
Un proyecto de modernización integral que tocó rendimiento, diseño, accesibilidad, seguridad y contenido nuevo.
Optimización de Rendimiento
Un mu-plugin custom de 248 líneas que transformó la carga de la web desde sus cimientos.
- LCP image: de 1,9 MB a 158 KB (-92% con WebP)
- Render-blocking reducido un 70% (1.500 ms → 450 ms)
- Critical CSS inline + below-fold defer (11 archivos)
- 14 scripts diferidos + heartbeat deshabilitado
- .htaccess optimizado: mod_expires, mod_deflate, cache immutable
Modernización Visual
125 cambios en Elementor JSON aplicados programáticamente en 6 páginas, con cero regresión visual.
- Animaciones de entrada fadeInUp/fadeIn escalonadas en 5 páginas
- Counters animados: +50 centros, +20 programas, +10K alumnos
- Shape dividers, parallax y hover effects en cards
- Header sticky con transición de transparente a granate
- Botones con jerarquía visual (primarios + outline secundarios)
Accesibilidad WCAG AA
Una batería de 15 tests automatizados con Playwright para garantizar que cada mejora visual cumple estándares.
- Contraste WCAG AA verificado en flip-boxes y botones
- Touch targets de 44px mínimo en footer y paginación
- Jerarquía de encabezados: 1 H1 por página en 6 páginas
- Alt text 100% en todas las imágenes visibles
- 5 bugs de renderizado detectados y resueltos en QA
Nuevo Programa: Teología para Laicos
Landing page completa para un nuevo programa formativo, integrada en el ecosistema existente.
- 9 secciones: hero, grid de 8 cursos, datos clave, FAQ
- 10 imágenes optimizadas: de 47 MB a 2 MB
- Schema Course JSON-LD para posicionamiento en buscadores
- Integración con la página de cursos (layout 3+3)
Stack Técnico
Las herramientas y técnicas que hicieron posible la modernización.
El Impacto
Resultados medibles de una modernización que priorizó rendimiento y calidad sobre todo lo demás.
«Una institución con más de 50 años de historia merece una presencia digital que honre su legado. Cada optimización, cada test de accesibilidad, cada animación sutil está pensada para que sus alumnos encuentren una experiencia a la altura del proyecto educativo que hay detrás.»Javier Cuervo — CTO, Proportione
Antes y Después
Los números que cuentan la historia de la transformación.
- PSI Mobile: 63
- Render-blocking: 1.500 ms
- LCP Image: 1,9 MB (PNG)
- Animaciones: Ninguna
- Header: Estático, sin sticky
- Tests automatizados: 0
- Core Web Vitals: Sin datos CRuX
- PSI Mobile: 75 (+19%)
- Render-blocking: 450 ms (-70%)
- LCP Image: 158 KB (-92%)
- Animaciones: ~70 nativas (fadeIn, counters, parallax)
- Header: Sticky con transición de color
- Tests automatizados: 15 (Playwright)
- Core Web Vitals: LCP 2,2s · INP 84ms · CLS 0
Sigue Explorando
¿Trabajamos juntos?
Si tu institución necesita modernizar su presencia digital sin perder su esencia, hablemos. Combinamos tecnología y estrategia para que tu proyecto brille.
Hablemos de tu Proyecto