Landing Page
CARDIE - Plataforma Web y Landing Page de Alta Conversión
SvelteKitThree.jsBlender3DSEO local

Especificaciones
Categoría
Landing Page
Tecnologías
SvelteKitThree.jsBlender3DSEO local
Fecha
mayo de 2026
Sobre el Proyecto
CARDIE es una clínica quiropráctica en Zinacantepec, a minutos de Toluca, especializada en ajuste espinal y salud vertebral. El objetivo fue crear una presencia digital que transmitiera confianza y profesionalismo médico y que funcionara como un motor activo para la atracción de pacientes.
Solución y Características
- Embudo de conversión directo: llamados a la acción estratégicos e integración con WhatsApp para agendar en minutos, con teléfonos que se tocan para llamar desde el celular.
- Precio claro: una sola consulta de $400 con los cinco pasos de la visita explicados, para que el paciente sepa exactamente qué recibe.
- Pensado primero para celular: la mayoría de los pacientes llega desde el teléfono, así que cada sección se optimizó para pantallas pequeñas.
- Ubicación y preguntas frecuentes: mapa de la clínica, "Cómo llegar" y respuestas a las dudas más comunes antes de la primera visita.
Columna vertebral en 3D
Modelamos desde cero en Blender una columna completa (24 vértebras, discos, sacro y pelvis) y la llevamos a la web de dos formas:
- Portada cinematográfica: un video en loop renderizado a partir del modelo, con un escaneo de luz que recorre las vértebras y los nervios. Pesa alrededor de 1 MB en computadora y 0.6 MB en celular, y se pausa cuando no está en pantalla para que la página siga siendo rápida.
- Explorador interactivo: el paciente gira la columna con el dedo o el mouse y toca una zona (cervical, torácica, lumbar o pelvis); la cámara se acerca a esa región y muestra para qué sirve y con qué molestias suele relacionarse, con un acceso directo para agendar valoración.

El modelo 3D se carga solo cuando el visitante llega a esa sección, así la portada abre al instante.
SEO local
Para que la clínica aparezca cuando alguien busca "quiropráctico en Zinacantepec" o "quiropráctico cerca de Toluca":
- Título, descripción y encabezado principal con el servicio y la zona.
- Datos estructurados para Google: clínica, dirección, coordenadas, teléfonos, precio y preguntas frecuentes.
- Sitemap, robots.txt, idioma español de México e imagen para compartir en WhatsApp y redes.
Stack Tecnológico
- SvelteKit: interfaz reactiva, ligera y generada como sitio estático.
- Three.js: visor 3D interactivo en el navegador (WebGL).
- Blender: modelado procedural de la columna y render del video de portada.