Página web Proyecto de demostración

Raíz Adentro

Una sola página que se recorre como una película: dieciocho planos por los que la cámara entra hacia dentro de las fotos.

Raíz Adentro es un proyecto inventado, y la propia web lo dice al final. Existe para enseñar hasta dónde se puede llevar el diseño de una landing sin salir de un alojamiento normal ni cargar una sola librería.

Recorrer la web

Portada de la web de Raíz Adentro en ordenador y móvil, con el titular "Volver al cuerpo también puede ser una forma de volver a ti"

Categoría: Página web
Sector: Acompañamiento y respiración consciente
Año: 2026
Cliente: Negocio ficticio

18 planos

la página entera es un travelling continuo, no una sucesión de bloques
3 colores

marfil, verde bosque y arcilla, sostenidos de principio a fin
1 toque

teléfono y WhatsApp fijos arriba durante todo el recorrido

El punto de partida

El problema

Un trabajo difícil de explicar en una frase —acompañamiento transpersonal, respiración consciente, mindfulness— y una decisión que nadie toma con prisa. Una web convencional de secciones apiladas obliga a leer para entender, y aquí lo que convence no es el argumento: es el ambiente. Al mismo tiempo, quien ya está decidido no debería tener que buscar el teléfono.

Lo que se construyó

La solución

La página se recorre como una película. Dieciocho planos encadenados en los que la cámara vuela hacia dentro de las fotografías: el texto llega cuando la imagen ya ha hecho su trabajo. La paleta sale de las propias fotos —marfil, verde bosque y arcilla—, con Fraunces para los titulares e Inter para el texto, y no se mueve de ahí. Sobre todo eso hay una barra fija con el teléfono y el WhatsApp siempre a un toque, y el recorrido termina en un cierre estático, sin efectos, con las tres vías de contacto, los precios, las fechas y los avisos de salud escritos en claro.

Funciones principales

Recorrido cinemático de dieciocho planos en profundidad, con las fotos a sangre completa
Paleta extraída de las propias imágenes: marfil, verde bosque y arcilla
Fraunces para los titulares e Inter para el texto, autoalojadas
Barra fija con llamada y WhatsApp visible durante todo el scroll
Los tres servicios numerados, cada uno con su duración, su formato y sus condiciones
Precios y duraciones en claro: 20, 60 y 90 minutos, sin letra pequeña
Encuentros con fecha, plazas, horario y precio, cada uno con su propia llamada a la acción
Cierre estático con contacto, próximos encuentros y avisos de salud
Formulario de primer contacto que no pierde ningún mensaje aunque no haya servidor detrás
Todo el efecto en CSS y JavaScript propios: ni una sola librería externa