Cómo Construimos una Calculadora de Paquetes de Boda en Tiempo Real que Convierte Visitantes en Leads Calificados en 10 Minutos

Cada otro proyecto en este portafolio usa un sitio web para iniciar una conversación. Punta Cana Wedding Packages usa una calculadora para terminarla.

La mayoría de los sitios web de bodas de destino siguen el mismo modelo: presentar fotografía hermosa, describir servicios en términos generales y pedir a las parejas que llenen un formulario de "Solicitar Información." Luego el equipo de ventas responde por correo electrónico, pregunta qué están buscando, recibe una respuesta vaga, programa una llamada de consulta, habla sobre opciones, produce un documento de cotización y, eventualmente — días o semanas después — la pareja tiene un precio. El embudo es largo, la fricción es alta y la calidad del lead al principio es baja.

La plataforma de Punta Cana Wedding Packages invierte ese modelo por completo. Las parejas llegan, trabajan a través de un asistente guiado de configuración en 13 pasos, ven su precio real actualizarse en tiempo real después de cada selección, y envían un lead completo que incluye su fecha, número de invitados, área de recogida en hotel, cada servicio que quieren y un total preciso — todo en menos de 10 minutos. El equipo de planificación recibe una consulta completamente calificada que llega lista para una conversación de cierre, no de apertura.

Este es el proyecto técnicamente más innovador en el portafolio de DR Web Studio. Aquí está exactamente cómo funciona.

El Cliente: Punta Cana Wedding Packages

Punta Cana Wedding Packages ofrece bodas de destino en un venue fijo en Cabeza de Toro, Punta Cana — una ubicación frente al mar elegida deliberadamente por su combinación de accesibilidad y belleza. El venue fijo es una decisión empresarial estratégica además de logística: permite al servicio conocer cada detalle del entorno de antemano, cotizar cada elemento con precisión y eliminar la ambigüedad de "depende del lugar" que hace que la mayoría de las cotizaciones de bodas se sientan poco confiables.

El servicio cubre todo lo que una pareja necesita para su boda de destino: venue y coordinación, selección de menú entre múltiples opciones de catering, paquetes de bar con horas configurables, opciones de mobiliario y mantelería, paquetes completos de decoración y floral, fotografía, videografía, vehículos de transporte desde su área de hotel al venue, opciones de entretenimiento y experiencias adicionales para el día. Desde $4,100, cada elemento tiene precio transparente — visible para la pareja antes de comprometerse con nada.

Esta transparencia es el posicionamiento central del producto: "Precios transparentes, opciones reales, cero estrés." En un mercado donde las parejas rutinariamente experimentan shocks de precio al final de un proceso de planificación de bodas, ser el servicio que te muestra el precio completo por adelantado es un diferenciador competitivo genuino.

El Problema con Cómo se Venden las Bodas de Destino

Entender lo que construimos requiere entender lo que estábamos reemplazando.

El proceso tradicional de ventas de bodas de destino tiene múltiples problemas estructurales. Las parejas no pueden hacer una comparación significativa entre servicios sin pasar por un proceso de ventas completo con cada uno — para cuando tienes cotizaciones de tres servicios de bodas en Punta Cana, has tenido tres consultas, respondido tres conjuntos de preguntas iniciales y esperado tres documentos de cotización personalizados. El proceso selecciona por paciencia en lugar de interés genuino.

Desde la perspectiva del servicio de bodas, el modelo tradicional es igualmente ineficiente. El tiempo del equipo de ventas es consumido por parejas que están "solo explorando" — que quieren saber si el rango de precios es correcto antes de comprometerse con una consulta real. Calificar esos leads requiere horas de llamadas y correos electrónicos para cada pareja que eventualmente reserva.

La calculadora resuelve ambos problemas simultáneamente. Las parejas obtienen precios reales instantáneos que permiten una comparación genuina sin presión de ventas. El equipo de planificación obtiene leads que ya se han auto-calificado — si una pareja ha completado los 13 pasos y enviado, ya ha decidido que quiere este servicio a este precio. La conversación que sigue trata sobre tiempo y logística, no sobre descubrimiento de presupuesto.

La Calculadora de 13 Pasos: Arquitectura para la Transparencia Radical

La calculadora de bodas es el centro de la plataforma — la función que define todo el producto y lo diferencia de cada competidor.

El asistente guía a las parejas a través de trece decisiones secuenciales, cada una construyendo sobre las anteriores:

Paso 1 — Fecha de Boda: Selección de fecha con orientación integrada (reserva con al menos 6 meses de anticipación; la temporada alta es noviembre a abril) y una verificación en tiempo real contra el requisito mínimo de reserva configurado en Sanity.

Paso 2 — Número de Invitados: El número que impulsa los precios en casi todas las categorías subsiguientes — los costos del menú, las cantidades de mobiliario, la capacidad de transporte y las tarifas de coordinación del venue se escalan con el número de invitados.

Paso 3 — Hotel/Área: La ubicación de recogida para el transporte, mapeada a zonas configuradas en Sanity. Este paso determina qué opciones de vehículos y precios son relevantes para la situación específica de la pareja.

Paso 4 — Venue y Coordinación: Siempre incluido. El costo base del venue de Cabeza de Toro y un coordinador de bodas dedicado se presenta de manera transparente como el fundamento de cada paquete — las parejas ven lo que están obteniendo y cuánto cuesta antes de que comiencen las selecciones opcionales.

Paso 5 — Selección de Menú: Múltiples opciones de catering con precios por persona que se calculan automáticamente contra el número de invitados del Paso 2. Las parejas ven el costo total del menú, no el costo por persona — eliminando las matemáticas mentales que hacen confuso el seguimiento del presupuesto.

Paso 6 — Paquete de Bar y Horas: Paquetes de bar con precio por hora con opciones de extensión. La calculadora maneja la multiplicación automáticamente.

Paso 7 — Mobiliario y Mantelería: Configuraciones de mesas, estilos de sillas, selecciones de mantelería escaladas automáticamente al número de invitados.

Paso 8 — Paquetes de Decoración y Floral: El paso visualmente más rico. Cada paquete de decoración en Sanity incluye dos imágenes: una miniatura de tarjeta para la interfaz de selección y una vista previa completa de boda mostrando exactamente cómo se verá la configuración. Las parejas no seleccionan un nombre de paquete — seleccionan un visual. La selección de decoración también activa la vista previa "Tu Estilo de Boda" que persiste en la barra lateral de la interfaz durante el resto de la calculadora.

Paso 9 — Fotografía: Niveles de paquetes diferenciados por horas de cobertura, formato de entrega, número de fotógrafos y alcance de edición.

Paso 10 — Videografía: La misma estructura de niveles que la fotografía, presentada por separado para permitir mezcla y combinación.

Paso 11 — Vehículos de Transporte: Tipos de vehículos y capacidades adaptadas al número de invitados y área de recogida de pasos anteriores.

Paso 12 — Entretenimiento: DJ, músicos en vivo, artistas dominicanos tradicionales o combinaciones.

Paso 13 — Experiencias Extra: Refrigerios de medianoche, momentos especiales de llegada, fuegos artificiales, complementos florales, detalles personalizados.

Después de los 13 pasos, la pareja ve un resumen completo — cada selección, cada partida con su costo y el total — y envía. El lead capturado por Netlify Forms incluye esta configuración completa: un brief estructurado, no una consulta en blanco.

Cada Precio Viene de Sanity — La Calculadora Nunca Inventa Números

La integridad técnica de la calculadora depende de un principio arquitectónico: los precios se almacenan en Sanity y la calculadora solo multiplica. Nunca inventa números.

Cuando el equipo de planificación necesita actualizar el precio de un paquete de fotografía, agregar una nueva opción de menú o crear un nuevo vehículo de transporte, hacen el cambio en Sanity Studio. La calculadora refleja esos cambios inmediatamente en la siguiente carga de página — sin despliegue de código requerido, sin intervención del desarrollador necesaria. Esta es la arquitectura de CMS headless aplicada a un problema de precios genuinamente dinámico.

Los scripts de semilla populan un nuevo dataset de Sanity con datos de precios de inicio completos — todas las categorías de la calculadora sembradas con opciones reales, precios reales y contenido real en minutos. Las consultas GROQ en src/sanity/queries/WeddingCalculator/ obtienen datos de precios con tipos TypeScript generados desde el esquema de Sanity, asegurando que cuando una opción de precio cambia de forma en el CMS, el compilador de TypeScript marque el desajuste antes de que llegue a producción.

La Pila Tecnológica

Next.js 16 con App Router maneja la arquitectura de renderizado. La página de la calculadora usa estado de React del lado del cliente para la UI interactiva en tiempo real. Las páginas circundantes son renderizadas en el servidor para SEO y rendimiento. Las características de Core Web Vitals de las páginas circundantes no se ven afectadas porque la calculadora es interactiva.

Sanity 5.x con next-sanity 12.x es la versión más actual del CMS en todo el portafolio. El salto de Sanity v4 a v5 trajo una entrega de contenido en tiempo real mejorada y mejor integración de TypeScript. Los datos de precios llegan a la calculadora con latencia mínima — importante cuando la calculadora actualiza precios en cada interacción del usuario.

next-intl maneja el enrutamiento bilingüe para el sitio principal en inglés y español. El blog agrega francés, alemán y ruso — una presencia editorial de 5 idiomas que captura a las parejas europeas que constituyen una parte significativa del mercado de bodas de destino en Punta Cana. Las traducciones del blog se almacenan directamente en documentos de Sanity, lo que significa que agregar un nuevo idioma al blog no requiere cambios de código.

Netlify Forms maneja la captura de leads al final de la calculadora. Esta es una elección arquitectónica elegante: la plataforma no requiere servidor backend, sin endpoint de API, sin base de datos para datos de formularios. Toda la plataforma funciona como una aplicación renderizada estática/edge con cero costos de infraestructura backend.

CLAUDE.md y AGENTS.md en la raíz del repositorio señalan que este proyecto fue diseñado explícitamente para desarrollo con asistencia de Claude Code — un flujo de trabajo que refleja cómo el desarrollo web profesional opera cada vez más.

La Vista Previa de Decoración: Vendiendo con Imágenes, No con Palabras

Cada paquete de decoración en Sanity almacena dos imágenes: una miniatura de tarjeta para la cuadrícula de selección y una vista previa completa de boda que muestra la configuración real en el venue real de Cabeza de Toro. Cuando una pareja selecciona un paquete de decoración, no está eligiendo un nombre o una descripción — está eligiendo un visual que muestra exactamente cómo se verá su recepción. Y una vez que han tomado esa decisión, la vista previa "Tu Estilo de Boda" persiste en la barra lateral de la interfaz durante los pasos restantes.

Este es el diseño de conversión aplicado al nivel de patrones de interacción individuales. La pareja que ha visto su configuración de boda visualizada y se ha comprometido emocionalmente con ella es un lead fundamentalmente diferente al que ha seleccionado opciones de una lista.

Lo Que Este Proyecto Demuestra Sobre la Generación de Leads

La calculadora de Punta Cana Wedding Packages representa la arquitectura de generación de leads más sofisticada en el portafolio de DR Web Studio — e ilumina un principio que aplica en todas las industrias.

La mayoría de los negocios de servicios tratan su sitio web como un folleto que recopila consultas genéricas. Los mejores negocios de servicios tratan su sitio web como una herramienta de pre-ventas que califica leads antes de que el equipo de ventas invierta tiempo.

La calculadora de 13 pasos no solo recopila información de contacto. Recopila una configuración completa: fecha, número de invitados, ubicación, cada servicio seleccionado y un total preciso. El equipo de planificación sabe exactamente qué quiere la pareja, cuánto están dispuestos a gastar y cuándo quieren casarse — antes de que comience la primera conversación. Eso no es un lead. Es un brief.

El enfoque de desarrollo web moderno — Next.js 16 para rendimiento, Sanity 5 para gestión de precios en tiempo real, Netlify Forms para captura de leads sin backend, TypeScript para precisión de precios — hace posible este nivel de calificación de leads sin infraestructura backend personalizada. No hay servidor que mantener, no hay base de datos que asegurar. Solo una calculadora que vende y un CMS que mantiene los precios actualizados.

Ve la plataforma en vivo en puntacanaweddingpackages.com y experimenta la calculadora de bodas por ti mismo. Ve el proyecto completo en nuestro portafolio.

Si tu negocio vende un servicio donde los precios dependen de múltiples opciones de configuración — una boda, un evento, un proyecto de construcción, un paquete de tour, un producto personalizado — y tu sitio web actual genera consultas de baja calidad, contáctanos para una consulta. El modelo de calculadora es aplicable a cualquier servicio donde el precio es una función de las elecciones del cliente. Lo hemos construido. Sabemos cómo construirlo para ti.