Cuando Regálate Salud nos contactó, tenía un problema muy distinto al de una tienda: su negocio no vende productos, vende experiencias. Masajes terapéuticos, Reiki, reflexología. Terapias que requieren confianza, cercanía y una decisión personal. Pero su presencia online no transmitía eso. Lo que había era una página fría, sin alma, que no lograba que la persona sintiera la calidez del espacio antes de siquiera escribir.
Lo que necesitaban no era un catálogo. Necesitaban una vitrina emocional que transmitiera calma, generara confianza, y convirtiera una visita en una cita agendada. Eso es exactamente lo que construimos.
El problema de fondo: un negocio de bienestar que no se sentía como tal
Vender una terapia es muy distinto a vender un producto. El cliente no compra un objeto, compra un momento para sí mismo. Y para tomar esa decisión, necesita sentir que el lugar es el correcto. Necesita ver la estética, leer la filosofía, conocer las terapias, y saber que al otro lado hay alguien que va a tratarlo con cuidado.
Antes, la página de Regálate Salud no lograba transmitir eso. El visitante llegaba, veía información suelta, y se iba sin agendar. Cada visita perdida era una persona que probablemente nunca volvería.
Lo que construimos: una página que se siente como el lugar
Lo primero que ve el visitante al entrar es un hero con parallax, un efecto sutil donde el fondo se mueve a distinto ritmo que el texto mientras se hace scroll. No es un detalle técnico, es una sensación: la página respira, se mueve con calma, invita a detenerse.
El titular es directo: "Tu bienestar comienza aquí". Y debajo, un botón claro que invita a explorar las terapias. Sin ruido, sin distracciones, sin menús complicados. Solo el mensaje.
La paleta de colores es rosado suave, blanco y gris. Nada de colores fríos ni corporativos. El sitio se ve como se siente el espacio: cálido, tranquilo, acogedor. Las tipografías combinan una serif elegante para los títulos con una sans-serif redondeada para el cuerpo, lo que refuerza esa sensación de cuidado y cercanía.
Las terapias, presentadas como experiencias
En lugar de una lista de servicios, cada terapia tiene su propia tarjeta con un ícono, un título y una descripción breve. Masaje Terapéutico, Reiki, Reflexología. Cada una con su propio espacio, sin apuro, sin competir por atención.
Al pasar el cursor, la tarjeta se eleva, el ícono cambia de color, y todo se siente vivo. Ese detalle hace que el visitante se detenga a leer cada una, y probablemente se identifique con alguna.
Los testimonios que generan confianza
Después de las terapias viene un carrusel de testimonios reales. Personas que cuentan cómo el masaje les cambió la vida, cómo el Reiki les ayudó a liberar emociones, cómo la reflexología mejoró su digestión y su sueño.
Es la prueba social que necesita alguien que está dudando. El carrusel rota automáticamente cada seis segundos, pero también se puede navegar con flechas o puntos. Cada testimonio tiene cinco estrellas, un nombre y una descripción breve.
Ese detalle hace que el visitante piense: "si a esta persona le funcionó, a mí también podría funcionarme".
El blog, integrado sin ruido
Regálate Salud publica contenido sobre bienestar, y ese contenido ahora vive integrado en la página principal en un formato de revista compacta. Tres columnas en escritorio, dos en tablet, una en móvil. Cada artículo muestra la imagen, el título, la fecha y un fragmento corto.
No es un blog aparte que nadie visita. Es parte de la experiencia, y le da al visitante razones para volver y quedarse.
El botón flotante que convierte en cualquier momento
En la esquina inferior derecha hay un botón flotante con un ícono de calendario. Al pasar el cursor, aparece un pequeño texto que dice "Agendar cita". Al hacer clic, se abre un modal limpio y compacto donde el visitante elige el servicio, la fecha, la hora, ingresa su nombre y su teléfono, y envía la solicitud por WhatsApp.
El sistema no permite agendar con menos de 48 horas de anticipación, y restringe el horario entre 9 de la mañana y 7 de la tarde. Eso evita solicitudes imposibles y le deja claro al cliente que hay un proceso. Cada solicitud llega por WhatsApp ya estructurada, con todos los datos.
El formulario de contacto, sin fricción
Más abajo hay una sección de contacto con un formulario sencillo que también envía por WhatsApp. Nombre, teléfono, correo, mensaje. Al enviar, se abre la conversación con el mensaje ya redactado. Sin correos que se pierden, sin formularios que nadie revisa.
Detrás de cámaras: las decisiones técnicas que hacen posible esta experiencia
Para quien le interese cómo está construido todo esto, vale la pena detenerse en algunas decisiones.
La base es Blogger con una plantilla XML personalizada, aprovechando que ya era la plataforma donde vivía el blog del negocio. El diseño no usa frameworks pesados, sino CSS puro organizado con variables, lo que permite que la página cargue rápido y se sienta ligera. Eso es importante para un negocio de bienestar: una página lenta rompe la sensación de calma antes de que el visitante siquiera la sienta.
Las tipografías son Playfair Display para los títulos, que aporta elegancia y calidez, y Quicksand para el cuerpo, que es redondeada y amable. Font Awesome 6 se encarga de la iconografía. Todo cargado desde CDN para no recargar el servidor.
El efecto parallax del hero está hecho con JavaScript vanilla, escuchando el evento scroll
y aplicando una transformación sutil al contenido. No es un efecto
pesado, es solo lo necesario para que la página se sienta viva.
El carrusel de testimonios es también JavaScript vanilla, con un array de testimonios que se rotan automáticamente cada seis segundos, y controles manuales para navegar. La transición es suave, sin recargas ni parpadeos.
El modal de citas se construye como un overlay a pantalla completa que bloquea el scroll del body mientras está abierto. La validación de fecha se hace con atributos min y max del input de tipo date,
calculados dinámicamente para que el mínimo sea dos días después de hoy
y el máximo tres meses en el futuro. La validación de hora se hace con
un evento change que revisa que esté entre las 9:00 y las 19:00.
El envío de la cita y del formulario de contacto se hace construyendo un mensaje de texto formateado y abriéndolo en wa.me con encodeURIComponent para que llegue correctamente. No hay backend, no hay base de datos, no hay costos mensuales adicionales. Solo el navegador del cliente y el WhatsApp del negocio.
La página incluye navegación suave entre secciones con scroll-behavior: smooth y un offset para que el header fijo no tape los títulos. También incluye un menú responsive que se colapsa en móvil y se abre con un botón hamburguesa.
Todo está pensado para que la dueña del negocio no tenga que aprender ningún sistema complejo. Publica en Blogger como siempre, y la página se encarga del resto.
Una última cosa
Este proyecto es la prueba de que un negocio de servicios no necesita una plataforma complicada ni un sistema de reservas costoso. Necesita una presencia que transmita lo que el negocio es, y un camino claro para que el visitante dé el siguiente paso.
Regálate Salud no necesitaba un CRM. Necesitaba que su página se sintiera como su espacio: cálido, tranquilo, y listo para recibir a quien decida regalarse un momento de bienestar.
Si tienes un negocio de servicios y quieres que tu presencia online esté a la altura de lo que ofreces, hablemos. En Nebula Consulting convertimos ideas en herramientas que trabajan por ti.
0 Comentarios