Caso de estudio · Coaching personal

Web de marca personal para un coach que acompaña

SocioCoach acompaña a personas a recuperar claridad y equilibrio. Le construimos una web empática, con un mensaje que conecta y un camino claro hacia la primera sesión de descubrimiento.

Online Web personal de coach Diseño webMarca personalSEO
Ver proyecto online
websbarcelona.com/clientes/sociocoach
Web de SocioCoach, coaching personal con Xavier
Cliente
SocioCoach
Sector
Bienestar · Coaching personal
Fecha
2026
Desarrollo
1 semana
01 Sobre el cliente

A veces no necesitas esforzarte más, necesitas volver a escucharte

SocioCoach es el proyecto de Xavier, coach personal que acompaña a quienes se sienten bloqueados o desconectados a recuperar claridad, confianza y equilibrio para tomar decisiones alineadas con ellos mismos. Ofrece una primera sesión de descubrimiento gratuita.

La web debía conectar emocionalmente con quien está pasando por un momento difícil y guiarle, sin presión, hacia ese primer encuentro.

La web de un coach no convence: acompaña. Cada palabra se eligió para que quien la lee se sienta comprendido.
02 El reto

Conectar con quien duda en dar el paso

Quien busca un coach está en un momento vulnerable. El reto era conectar con empatía y reducir la barrera de la primera sesión.

Empatía primero: hablar al estado emocional del visitante, no vender un método.

Un camino claro: mostrar un proceso simple para volver a uno mismo.

Confianza en la persona: transmitir quién es Xavier y por qué acompaña.

Primer paso sin presión: facilitar la sesión de descubrimiento gratuita.

03 Nuestra solución

Empatía, camino y primer encuentro

Diseñamos una web serena y empática, con un mensaje que conecta, un camino simple, la historia de Xavier y la sesión de descubrimiento como llamada suave.

Mensaje empático

Un texto que habla al estado del visitante y le hace sentirse comprendido.

Camino claro

Un proceso simple para volver a uno mismo, sin jerga.

La persona

Quién es Xavier y por qué acompaña, como base de confianza.

Sesión gratuita

La primera sesión de descubrimiento como primer paso sin presión.

Mobile-first

Contacto y reserva accesibles al instante desde el móvil.

SEO

Optimizada para búsquedas de coaching personal y bienestar.

El proyecto

Así quedó SocioCoach

websbarcelona.com/clientes/sociocoach
SocioCoach — vista del proyecto
04 Diseño

Serenidad y cercanía

La dirección de arte buscó calma y cercanía: mucho aire, tipografía cálida y un tono visual sereno, coherente con el acompañamiento.

1

Moodboard

Referencias de coaching y bienestar; sereno, cálido, humano.

2

Arquitectura

Mensaje → beneficio → camino → cómo trabajamos → sobre Xavier → testimonios → contacto.

3

Diseño UI

Composición serena, jerarquía cálida y la sesión gratuita como CTA suave.

4

Contenido

Textos empáticos con la voz de Xavier, literales del cliente.

5

Responsive

Adaptación completa a los tres tamaños.

05 Desarrollo

Ligera y rápida

Un desarrollo estático en HTML, CSS y JavaScript da una web rápida y estable, idónea para una plataforma personal.

Front-end vanilla optimizado para Core Web Vitals.

Enlace directo a contacto y reserva de sesión.

Imágenes optimizadas con carga diferida.

LiteSpeed + Cloudflare para entrega rápida.

Schema.org Person / ProfessionalService para datos ricos.

Accesibilidad y contraste cuidados.

06 SEO · GEO · EEAT

Aparecer por coaching y bienestar

Trabajamos el SEO de coaching personal y bienestar y lo preparamos para los buscadores con IA.

Keyword research de coaching personal, claridad y bienestar.

SEO on-page por intención de bienestar.

Schema.org Person / ProfessionalService.

Core Web Vitals en verde.

Optimización GEO/EEAT: contenido de servicio verificable, citable por Google AI Overviews, ChatGPT, Gemini, Claude y Perplexity.

07 Resultado

Una web que acompaña desde el primer scroll

SocioCoach dispone de una web que conecta con empatía, muestra un camino claro y facilita la primera sesión de descubrimiento.

El sitio es sereno, rápido y refuerza la confianza en Xavier como coach.

Sesión de descubrimiento gratuita
1
Semana de desarrollo
<1s
Carga en móvil
Empatía
Mensaje que conecta
08 Galería

La web en todos los dispositivos

Home de SocioCoach en escritorio
Desktop
SocioCoach en móvil
Mobile
El camino de SocioCoach
El camino
09 Tecnologías

El stack de este proyecto

HTML5CSS3JavaScriptSchema.orgLiteSpeedCloudflareSEO
10 Preguntas frecuentes

Todo sobre este proyecto

¿Cómo hicimos la web de SocioCoach?

Con un desarrollo estático premium en HTML, CSS y JavaScript, sereno y empático, con un mensaje que conecta, un camino claro y la sesión de descubrimiento gratuita como primer paso. Se sirve sobre LiteSpeed y Cloudflare.

¿Qué problema resolvimos?

Conectar emocionalmente con quien duda en dar el paso hacia el coaching y reducir la barrera de la primera sesión con un mensaje empático y un camino claro.

¿Qué tecnologías utilizamos?

HTML5, CSS3, JavaScript, datos estructurados Schema.org (Person/ProfessionalService) y entrega sobre LiteSpeed + Cloudflare.

¿Sirve una web de marca personal para un coach?

Sí. Quien busca coaching decide por la conexión y la confianza. Una web empática, con un camino claro y una primera sesión sin presión, capta ese primer contacto.

SocioCoach

Ya conoces el trabajo que hay detrás. Ahora explora el proyecto terminado en producción.

Ver proyecto online
Otros proyectos

Más webs para bienestar y servicios personales

¿Hablamos de tu proyecto?

Presupuesto cerrado en 24 h · sin compromiso

Pedir presupuesto