Web WordPress editable a clic para una práctica de mediación sistémica
Mª Luz Godoy necesitaba una web propia, editable y fiel a su identidad para su proyecto de Justicia Sistémica en Murcia. La reconstruimos entera en WordPress y Elementor nativo —sin bloques de código— con blog, formulario y SEO local.
Una práctica con identidad propia y una web que no la representaba
Justicia Sistémica es el proyecto de Mª Luz Godoy Ruiz, mediadora y terapeuta del Centro Nadir en Murcia. Su trabajo —constelaciones, mediación de conflictos familiares, supervisión de profesionales, coaching sistémico— tiene un lenguaje visual muy cuidado: cálido, cercano, con una paleta terrosa que transmite calma.
El punto de partida era una web construida sobre una plataforma cerrada que la clienta no podía editar con comodidad y que no encajaba con la forma de trabajar de WebsBarcelona: queríamos entregarle un sitio en WordPress y Elementor, editable a clic, del que fuera dueña de verdad.
El encargo fue reconstruir toda su presencia —seis páginas, blog y formulario— respetando al milímetro su identidad de marca, pero sobre una base estándar, mantenible y optimizada.
Una terapeuta tiene que poder cambiar un texto o subir un taller sin llamar a nadie. Ese fue el requisito que mandó sobre todos los demás.
Fidelidad de marca sobre una base editable
El reto no era estético sino de fondo: reproducir con exactitud una identidad muy cuidada, pero sin renunciar a que la clienta pudiera mantener la web por su cuenta.
Web poco editable: la versión anterior no permitía a la clienta actualizar textos, talleres o eventos con autonomía.
Identidad exigente: paleta crema, teja y naranja, tipografías concretas (Varela Round y Mulish) y un tono cálido que había que respetar sección a sección.
Estructura de servicios amplia: mediación, supervisión, coaching, talleres… cada uno con su página y su explicación.
Contenido vivo: un blog de eventos y talleres que la clienta necesita alimentar de forma recurrente.
Elementor nativo, editable de verdad, fiel a la marca
La decisión de fondo fue construir todo con widgets nativos de Elementor —encabezados, textos, botones, imágenes— y no con bloques de código HTML. Así cada elemento se edita con un clic, que era el requisito innegociable de la clienta.
Sobre esa base, afinamos sección a sección hasta clavar la identidad de marca: hero, tarjetas de servicio, testimonios, eventos y contacto, cada uno con los colores y tipografías exactos del proyecto.
Elementor nativo
Todo en widgets nativos editables a clic, cero bloques de código: la clienta cambia textos e imágenes sin tocar HTML.
Fidelidad de marca
Paleta crema/teja/naranja y tipografías Varela Round + Mulish reproducidas al detalle en cada sección.
Blog de eventos
Los talleres y eventos como entradas de WordPress, con carrusel en la home que se actualiza solo.
Formulario y contacto
Contact Form 7 con los campos reales del centro y mapa de Google integrado con la dirección de Murcia.
Responsive real
Adaptación cuidada a móvil de cada sección, incluidos los splits de foto y los carruseles.
SEO local
Estructura y datos preparados para las búsquedas de mediación y terapia en Murcia.
Así quedó Justicia Sistémica
Calidez sistémica, al detalle
El diseño partió de la identidad ya existente del proyecto y la trasladó a un sistema mantenible. Cada bloque se maquetó a mano para que se pareciera al original, evitando el aspecto genérico de las plantillas.
El contenido rico —negritas, listas, subtítulos— se preservó con cuidado, porque es parte de cómo Mª Luz explica su trabajo.
Sistema de marca
Paleta crema #fffdf9, teja #772f1a y naranja #f58549; tipografías Varela Round (titulares) y Mulish (cuerpo), fijadas en el kit de Elementor.
Maquetación a mano
Cada una de las 14 secciones de la home reconstruida a mano para clavar orden, jerarquía y tono, no con el maquetador automático.
Hero y tarjetas
Hero claro con foto de fondo y tarjetas de servicio con iconos de línea sobre banda cálida, fieles al original.
Testimonios y eventos
Slider de testimonios y carrusel de eventos alimentado por las entradas del blog.
Responsive
Revisión de cada sección a 360, 390 y 414 px: sin scroll horizontal, foto y texto apilados con orden correcto.
WordPress estándar, sin ataduras
Elegimos el stack que usamos para webs de este tipo: WordPress con el tema hello-elementor y Elementor, un formulario con Contact Form 7 y ajustes propios mediante mu-plugins. Nada exótico: una base que cualquier profesional de WordPress puede mantener.
La clave de calidad estuvo en el detalle de maquetación y en reproducir la marca sin recurrir a widgets de código.
WordPress + hello-elementor + Elementor: base estándar, ligera y mantenible.
100% widgets nativos: cero widgets HTML, todo editable a clic desde el constructor.
Contact Form 7 con los campos reales del centro y aviso de privacidad.
Google Maps integrado con la dirección real del Centro Nadir en Murcia, sin coste de API.
Ajustes por mu-plugin para cabecera, pie, estilos de marca y SEO, sin tocar el core.
Responsive y rendimiento: CSS interno de Elementor para evitar cachés obsoletas y anchos rotos.
Posicionamiento local para una práctica de barrio
Una consulta se busca en su ciudad. Preparamos la web para las búsquedas de mediación, terapia y constelaciones en Murcia, con una estructura clara por servicio y datos locales consistentes.
El blog de talleres y eventos añade contenido fresco de forma recurrente, que es una de las mejores señales de autoridad temática para este tipo de proyectos.
Arquitectura por servicio: una página por área (mediación, supervisión, coaching, talleres) con su intención de búsqueda.
SEO on-page con títulos y encabezados orientados a cada servicio y a la localidad.
Schema.org / datos locales con el NAP del Centro Nadir para reforzar el SEO local.
Blog activo de eventos y talleres como fuente continua de contenido indexable.
Optimización GEO/EEAT: contenido que explica con claridad cada servicio, citable por Google AI Overviews, ChatGPT, Gemini, Claude y Perplexity.
Una web propia, fiel y que la clienta mantiene sola
Justicia Sistémica pasó de una web cerrada a un sitio WordPress del que la clienta es dueña: puede editar textos, subir talleres y publicar eventos sin depender de nadie.
El resultado respeta al detalle la identidad del proyecto, funciona en todos los dispositivos y está preparado para crecer en contenido, que es lo que sostiene el posicionamiento a largo plazo.
La web en todos los dispositivos
El stack de este proyecto
Todo sobre este proyecto
¿Cómo hicimos la web de Justicia Sistémica?
La reconstruimos entera en WordPress con el tema hello-elementor y Elementor, usando exclusivamente widgets nativos (nada de bloques de código) para que sea editable a clic. Incluye blog de eventos, Contact Form 7 y mapa de Google, con la identidad de marca reproducida al detalle.
¿Cuánto tardó el proyecto?
Unas tres semanas, incluyendo la reconstrucción de las seis páginas, el blog y el ajuste fino de la identidad sección a sección.
¿La clienta puede editar la web ella misma?
Sí, ese fue el requisito principal. Al estar todo en widgets nativos de Elementor, puede cambiar textos, imágenes, talleres y eventos con un clic, sin tocar código.
¿Qué tecnologías utilizamos?
WordPress, hello-elementor, Elementor, Contact Form 7 y ajustes propios por mu-plugin, con Google Maps integrado y datos estructurados para SEO local.
¿Por qué WordPress y no una web a medida?
Porque la clienta necesitaba autonomía para mantener y ampliar el contenido (sobre todo el blog de talleres). WordPress con Elementor le da esa independencia sobre una base estándar y mantenible.
Justicia Sistémica
Ya conoces el trabajo que hay detrás. Ahora explora el proyecto terminado en producción.
