ES / EN
CARDIE - Plataforma Web y Landing Page de Alta Conversión
Inicio → Portafolio → Landing Page
Landing Page
CARDIE - Plataforma Web y Landing Page de Alta Conversión
SvelteKitThree.jsBlender3DSEO local
CARDIE - Plataforma Web y Landing Page de Alta Conversión

Especificaciones

Categoría

Landing Page

Tecnologías

SvelteKitThree.jsBlender3DSEO local

Fecha

mayo de 2026

Ver en Vivo

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.

Explorador 3D de la columna en el sitio de CARDIE

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.
Cotizar mi sitio