La Parroquia de Herencia, en la provincia de Ciudad Real, cumplía 300 años. La efeméride coincidió con la celebración de un Año Jubilar y, como parte de la conmemoración, el equipo parroquial quiso poner en marcha una web propia. Querían un sitio que acompañara a feligreses y visitantes durante todo el año, con un peso visual fuerte y un mantenimiento sencillo cuando terminaran las celebraciones.
El proyecto se desarrolló sobre WordPress como gestor de contenidos. La elección no fue casual. Una parroquia no tiene equipo técnico dedicado y necesita un panel claro para que el responsable de comunicación pueda subir fotos, anuncios y novedades sin depender de la agencia. WordPress encajaba con ese perfil mejor que cualquier alternativa más cerrada.
Cliente y reto
Una parroquia centenaria con un calendario lleno: liturgias especiales, romerías, conciertos sacros, exposiciones y actos protocolarios con autoridades. El reto era doble. Por un lado, mostrar la riqueza histórica del templo y la vida de la comunidad de forma visual, no solo con texto. Por otro, dejar la web en condiciones para que siguiera siendo útil después del Año Jubilar, cuando el ritmo de actos volviera a la normalidad.
Había además una restricción clara de presupuesto. No era un proyecto corporativo con margen para licencias caras o desarrollos a medida largos. Tocaba apoyarse en el ecosistema WordPress y elegir bien las piezas.
Diagnóstico inicial
Antes de tocar una línea de código dedicamos tiempo a entender cómo iba a usarse la web. De ese análisis salieron varias prioridades.
- Las imágenes pesaban tanto como el texto. Procesiones, retablos, eventos comunitarios… había material gráfico abundante y de calidad que no podía meterse en una galería plana.
- El público no era homogéneo: feligreses habituales, vecinos del pueblo, visitantes en romería, periodistas locales. Cada perfil llegaba buscando cosas distintas.
- La actualización tenía que estar al alcance de una persona sin perfil técnico, con un editor cómodo y plantillas que no se rompieran al cambiar fotos o textos.
- El móvil ya pesaba buena parte del tráfico esperado, así que la navegación tenía que funcionar igual de bien con el dedo que con el ratón.
Solución técnica
El sitio se construyó sobre WordPress autoalojado, con una plantilla a medida que partía de un theme base ligero. Sobre esa estructura añadimos varios bloques específicos para el proyecto.
Galerías múltiples y bien organizadas
La web acabó incorporando varias galerías separadas por temática: patrimonio del templo, celebraciones del Año Jubilar, actividad parroquial habitual y archivo histórico. Cada galería se montó como custom post type para que el editor pudiera añadir fotos, ordenarlas y describirlas sin pelearse con la maquetación. Se aplicó carga diferida para que las páginas con muchas imágenes no penalizaran a los usuarios con conexiones más lentas.
Páginas pensadas para la interacción
Más allá del clásico contacto, la parroquia necesitaba puntos de contacto activo con sus visitantes. Se diseñaron páginas con formularios para reservar misas, apuntarse a actividades, dejar peticiones o preguntar sobre los actos del Año Jubilar. Cada formulario disparaba un correo al responsable de la parroquia y guardaba copia en el panel, evitando que las solicitudes se perdieran en una bandeja de entrada saturada.
Menús con imágenes para una navegación más visual
Uno de los elementos más reconocibles del proyecto fueron los menús. En lugar del típico listado de enlaces de texto, se diseñaron menús con miniaturas que asociaban cada sección a una imagen del templo o de la actividad parroquial. La idea era ayudar a un visitante que llega por primera vez a entender de un vistazo qué iba a encontrarse en cada sección, sin necesidad de leer toda la barra de navegación.
Los menús visuales no son la mejor opción para todos los proyectos, pero en una web de patrimonio funcionan especialmente bien. La carga emocional de la imagen pesa más que la palabra en este tipo de contextos. Si te interesa cómo plantear menús que respondan al comportamiento real del usuario, en este blog hay una entrada más reciente sobre rediseño de menús web para usuarios guiados por IA.
CSS3 para resolver la usabilidad sin sobrecarga
Los efectos de hover, las transiciones suaves entre secciones y la adaptación responsive se resolvieron con CSS3 puro, sin librerías de animación pesadas. Esa decisión bajó el peso medio de las páginas y dejó la web fluida en móviles antiguos, que en una zona rural seguían siendo parte importante del parque de dispositivos. La accesibilidad también ganó terreno: con JavaScript desactivado o con lectores de pantalla, el sitio seguía siendo usable.
Decisiones de diseño que marcaron la diferencia
Más allá de la parte técnica, hubo varias decisiones de diseño que marcaron el resultado final.
- Tipografía sobria. Una serif clásica para los títulos y una sans cómoda de leer para el cuerpo. Nada estridente, en línea con el contexto patrimonial.
- Paleta cálida y discreta. Tonos tierra y dorados suaves, sin contrastes agresivos. La página no compite con las imágenes; las acompaña.
- Jerarquía clara. Cada página tiene un H1 evidente, secciones con H2 y H3 y CTAs visuales únicos. El visitante sabe siempre qué puede hacer a continuación.
- Carga progresiva. Las imágenes pesadas se entregan en formatos optimizados según el dispositivo, priorizando lo que se ve primero en pantalla.
La accesibilidad web se trabajó desde el inicio: contrastes suficientes en cada combinación de texto y fondo, alternativas para imágenes, navegación por teclado y estructura semántica revisable con herramientas como Wave o Axe. Para una entidad pública o asimilada, no es opcional.
Visita la web del proyecto
Visitar la web oficial de la Parroquia de Herencia para ver el resultado final del proyecto.
Aprendizajes del proyecto
El proyecto de la Parroquia de Herencia dejó varias enseñanzas útiles para webs con un componente patrimonial o cultural fuerte.
- WordPress sigue siendo válido para clientes pequeños. Con una plantilla bien afinada y plugins justos, el coste de mantenimiento se queda en un nivel razonable y la entidad puede gestionarse sin depender constantemente de una agencia.
- El contenido visual manda. En proyectos donde la fotografía es el corazón del relato, la arquitectura debe construirse alrededor de las galerías, no al revés.
- La interacción supera al folleto digital. Una web que solo informa envejece pronto. Cuando el visitante puede actuar (reservar, apuntarse, preguntar), la página se mantiene viva incluso después del evento principal.
- El móvil no es accesorio. Aunque en 2019 todavía había debate, ya entonces la mayoría del tráfico llegaba desde el teléfono. Diseñar mobile first ahorró rehacer trabajo más adelante.
Para proyectos de UX más generales conviene repasar también los errores más comunes en UX writing: muchas webs de patrimonio cuidan la imagen pero descuidan los microtextos, y eso se nota luego en la conversión de los formularios.
Preguntas frecuentes sobre el proyecto
¿Por qué se eligió WordPress para una web parroquial?
WordPress permite mantener el sitio sin perfiles técnicos, tiene un panel de edición intuitivo y cuenta con un catálogo amplio de plugins para galerías, formularios y multimedia. Para una entidad sin equipo de desarrollo propio encaja mejor que un CMS cerrado o un desarrollo a medida desde cero.
¿Cómo se gestionan las galerías múltiples?
Cada galería se montó como custom post type, separada por temática. El responsable de comunicación añade imágenes desde el panel, las ordena y las describe sin tocar maquetación. La carga progresiva se encarga de que páginas con decenas de fotos sigan siendo rápidas en móvil.
¿Qué papel jugaron los menús con imágenes?
Los menús con miniaturas funcionan como puerta de entrada visual a cada sección. En una web patrimonial ayudan al visitante nuevo a hacerse una idea rápida del contenido. No son la mejor opción para cualquier proyecto, pero aquí potenciaban el peso emocional de la fotografía.
¿Sigue siendo viable este enfoque hoy?
Sí, con matices. La base —WordPress, plantilla a medida ligera, contenido bien estructurado— se mantiene como buena receta para webs culturales o patrimoniales con presupuesto ajustado. Lo que ha cambiado es la integración con buscadores generativos, asistentes de IA y datos estructurados, que hoy pesan mucho más en el tráfico que llega a un sitio así.
Si tienes entre manos un proyecto similar, en Colorvivo trabajamos con frecuencia este perfil de web cultural y patrimonial sobre WordPress. Puedes echar un vistazo al resto de casos de éxito o escribirnos para comentarlo.
