Web de NEXO

La web de Jose Luis para presentar NEXO, su proceso individual de acompañamiento: qué es, para quién es, qué opciones hay y cómo empezar con un mensaje de WhatsApp.

Cuándo: 2026 · Encargo
Rol: Diseño, desarrollo y despliegue, en solitario
Stack: Astro
TypeScript
CSS
Cloudflare
GitHub
Enlaces: joseluisjuarez.com La web en producción

Qué es

Una página estática y rápida, pensada para leerse en el móvil
Una sesión individual con su precio claro y contacto directo por WhatsApp, sin formularios
El método en cuatro pasos, que se iluminan según se baja por la página
Sin cookies, sin analítica y sin recursos de terceros

Dónde está desplegada

En Cloudflare: el código, el dominio y la entrega de la web viven en la misma cuenta, y cada cambio llega a producción con un git push.

Un push a main compila y publica la web sin pasos manuales.

Repositorio: Privado en GitHub. La rama main es la que se publica, así que es la única que hay que cuidar.
Compilación: Cloudflare detecta cada push, ejecuta npm run build y publica la carpeta resultante.
Red: La web se sirve desde la red de Cloudflare, cerca del visitante. Fuerza HTTPS, activa HSTS y añade cabeceras de seguridad (CSP, X-Frame-Options, nosniff).
Dominio: El dominio y su DNS están en la misma cuenta, y la variante con www redirige a la principal para no duplicar la web.
Visitante: Recibe HTML ya generado, sin base de datos ni servidor propio, y casi sin JavaScript.
WhatsApp: Cada botón abre un chat con un primer mensaje ya escrito. No hay formularios, así que la web no guarda datos de nadie.

Cómo se ha construido

Astro genera HTML estático; el único JavaScript es la animación de los cuatro pasos, y la página funciona sin él
Sin terceros: tipografías alojadas en la propia web, sin cookies ni analítica, y por eso sin banner
Buscadores: mapa del sitio, URL canónica y etiquetas para compartir
Animaciones: se desactivan si el sistema operativo lo pide
Seguridad revisada antes de publicar: sin secretos en el repositorio, HTTPS obligatorio y cabeceras que limitan qué puede cargar la página

Capturas

Portada de la web de NEXO: el nombre de Jose Luis, el logotipo y el titular «Reconciliación con los tuyos, antes de que sea tarde.» sobre un fondo oscuro. — La portada: un titular, una frase y una única acción.

Sección «Has probado a cambiar las cosas, pero sigues en el mismo sitio.»: cinco tarjetas con lo que el visitante ya ha intentado (esperar a que el otro cambie, ceder para evitar discusiones, esforzarse por agradar, intentar pasar página, ir a terapia por un problema concreto) y una frase de cierre. — Antes de hablar del método, la web reconoce lo que el visitante ya ha probado.

Sección del método: el título «NEXO», el lema «El espacio donde todo conecta.» y cuatro pasos numerados (visión, comprensión, responsabilidad, integración), cada uno con un símbolo animado a la derecha. — Los cuatro pasos del método se iluminan según se baja por la página.

Sección «Un espacio para ti.»: una tarjeta con la sesión individual de 70 € y 60 minutos, y lo que incluye, como el documento personalizado que se recibe después. — Una sola opción con precio claro, sin obligar a comprometerse a un número de sesiones.

Sección «Mi historia»: el titular «Aprendí a soltar la culpa y los reproches hacia mis padres después de perderlos.», cuatro párrafos y, a la derecha, un vídeo en blanco y negro. — «Mi historia» acompaña el texto con un vídeo en blanco y negro.

Portada de la web en un móvil, con el menú plegado arriba a la derecha y el botón de WhatsApp abajo. — En el móvil, que es desde donde se abrirá casi siempre, el menú se pliega.

El método en un móvil: los pasos en una sola columna, con la línea que los une a la izquierda. — Los pasos pasan a una columna y el símbolo queda detrás del texto.