Cuerpo & Mente

Landing page para un centro de estética y masajes en Ingeniero Budge. Una sola página, flujo lineal, integración directa con WhatsApp y Google Maps — sin formularios ni pasos intermedios.

HTML5 CSS3 JavaScript WhatsApp API Google Maps Freelance
Screenshot de Cuerpo & Mente

// detalles del proyecto

Contexto

// cliente real · proyecto freelance

Centro de estética y masajes con reputación local consolidada (5 estrellas en Google) que no tenía presencia digital. El requerimiento fue claro: una landing simple, con los servicios visibles, que convierta la visita en un contacto por WhatsApp o en una visita al local, sin complejidad técnica de mantenimiento para el cliente.

Estructura de la landing

01
Navbar Navegación fija con logo — Nosotros, Servicios, Contacto
02
Carousel hero 5 imágenes de los servicios con transición automática
03
Nosotros Descripción del centro, propuesta de valor y diferenciadores
04
Servicios Masajes · Depilación · Pedicura · Faciales · Corporales · Pestañas · Uñas
05
Contacto WhatsApp, redes sociales, dirección + iframe Google Maps

Integraciones

WhatsApp API

Botón de contacto directo vía wa.me con mensaje preescrito para reducir la fricción del primer contacto.

Google Maps iframe

Mapa embebido con la ubicación exacta del local en Lisandro de la Torre 2155, Ingeniero Budge.

Redes sociales

Links directos a Instagram y otras redes sin formulario — el canal de contacto preferido del cliente.

Carousel JS

Carrusel de 5 imágenes implementado en JavaScript vanilla, sin librerías externas.

Decisiones técnicas

Una sola página, flujo lineal

El requerimiento del cliente era simplicidad total. Una landing de una sola sección elimina la fricción de navegación: el visitante scrollea y encuentra todo en orden — quiénes son, qué ofrecen, cómo contactarlos. No hay páginas internas ni rutas que mantener.

Contacto sin formulario

El cliente recibe consultas por WhatsApp e Instagram, no por email. Reemplazar un formulario por links directos refleja cómo opera el negocio realmente y elimina una barrera técnica: no hay backend que mantener, no hay datos que gestionar, no hay spam.

Paleta de colores definida por el cliente

El diseño respetó la escala de colores provista en el documento de requerimientos, trasladando la identidad visual del local físico a la versión digital. El uso de variables CSS facilitó la aplicación consistente de la paleta en todos los componentes.