Trabajo para cliente · Caso de estudio
Volver a proyectosPaula Márquez Brandon | Web de acompañamiento para mujeres
Diseñé y desarrollé una web de 12 páginas que reúne el método de Paula, sus tres programas y sus testimonios para explicar su trabajo con claridad y facilitar el contacto.
Punto de partida
El proyecto antes del código
Contexto
Paula Márquez Brandon acompaña a mujeres que viven desde la autoexigencia, la culpa y la sensación de no ser suficientes. Necesitaba reunir su método, sus programas, su historia y sus testimonios en una web que transmitiera calma y facilitara el contacto.
Objetivo
Convertir su propuesta y sus formas de acompañamiento en un recorrido claro para que cada visitante pueda entender cómo trabaja Paula, conocer cada programa y elegir una vía directa de contacto.
El reto: trasladar una propuesta personal a la web
Paula Márquez Brandon acompaña a mujeres que viven desde la autoexigencia, la culpa y la sensación de no ser suficientes. Su trabajo necesitaba una web capaz de explicar un tema personal con claridad, sin caer en una presentación fría ni saturar cada página de elementos.
El proyecto debía ordenar su método, sus tres formas de acompañamiento, su historia y los testimonios de otras mujeres. También tenía que mantener una identidad visual serena y conducir hacia el contacto sin convertir cada sección en una llamada comercial.
Arquitectura y recorrido
Organicé el sitio en 12 URLs públicas. La portada introduce el problema, muestra la transformación que propone Paula, resume las etapas de su método y presenta las distintas formas de trabajar con ella.
El método, la historia de Paula, los testimonios y el contacto tienen páginas propias. Los tres programas también se presentan por separado: Alchemise, Movimiento y nutrición, y Sesión de claridad. Cada uno dispone del espacio necesario para explicar su enfoque sin mezclar contenidos.
El recorrido termina en acciones concretas: escribir por WhatsApp o enviar un correo. Así, la web permite entender primero la propuesta y elegir después la vía de contacto más cómoda.
Qué aporta la web a Paula
La web le da a Paula un espacio propio donde puede explicar su método, presentar cada programa por separado y reunir testimonios sin depender de que toda la información quepa en una publicación o un mensaje. También puede compartir la página concreta que mejor responde al interés de cada persona.
Antes de contactar, una visitante puede entender a quién se dirige Paula, cómo trabaja y qué opciones ofrece. Así, cada conversación puede comenzar con más contexto y la persona interesada puede elegir entre WhatsApp y correo sin buscar la información en distintos canales.
Diseño y desarrollo
Construí la web con Astro y una interfaz adaptada a móvil y escritorio. La dirección visual combina una tipografía editorial, una paleta cálida y composiciones amplias para acompañar el tono del contenido. Las animaciones de entrada se añaden de forma progresiva y respetan la preferencia del sistema para reducir el movimiento.
La navegación móvil comunica su estado a las tecnologías de asistencia y puede cerrarse con la tecla Escape. Junto con el enlace para saltar al contenido, la estructura semántica y los textos alternativos, estas decisiones facilitan la navegación con teclado y lector de pantalla.
Para evitar que la fotografía penalice la carga, el retrato principal se sirve en AVIF con diferentes tamaños y prioridad alta. Las imágenes posteriores utilizan WebP, variantes responsive, dimensiones declaradas y carga diferida.
Una base preparada para compartir y encontrar el contenido
Cada página publicada forma parte del sitemap y la web expone robots.txt para facilitar su rastreo. La portada incluye título y descripción específicos, URL canónica, Open Graph, Twitter Cards y una imagen social de 1200 × 630 píxeles.
También incorporé datos estructurados para identificar el sitio y a Paula como la persona responsable de la marca. Son elementos técnicos que ayudan a buscadores y plataformas a interpretar y compartir el contenido; no constituyen una garantía de posicionamiento.
El resultado que se puede comprobar
La web de Paula Márquez Brandon está publicada con sus 12 rutas, sus tres programas, testimonios, páginas legales y contacto directo. El contenido principal se entrega como HTML y las mejoras de navegación y movimiento se añaden de forma progresiva, por lo que la información sigue disponible aunque JavaScript no se ejecute.
La web está preparada para medir su evolución. No incluyo resultados comerciales porque no dispongo de datos autorizados de captación o ventas.
Lo que cambió
Aprendizajes
Una identidad visual tranquila no depende solo del color: también necesita ritmo, jerarquía y suficiente espacio para que cada mensaje respire.
En una web con un tema personal y sensible, el diseño y las interacciones deben acompañar el tono del contenido sin competir con él.
Separar método, programas, testimonios y contacto en rutas propias permite explicar cada decisión sin convertir la portada en una página interminable.