Web, tarificador inteligente y dashboard operativo end-to-end

Vino con Amigas · Desarrollo Web & Automatización

Vino con Amigas organiza catas de vino privadas a domicilio en Buenos Aires. Diseñamos y desarrollamos desde cero un ecosistema digital completo: sitio web premium, tarificador interactivo de 8 pasos con pago integrado via Mercado Pago, y un dashboard administrativo completo para gestionar reservas, cotizaciones y analytics, todo automatizado.

El desafío

VCA necesitaba transformar un proceso de ventas manual (coordinado por WhatsApp y planillas) en un sistema digital completo. El desafío era triple: crear una experiencia de usuario premium que reflejara el espíritu de la marca (femenina, elegante, accesible), construir un motor de cotización inteligente que calculara precios en tiempo real según múltiples variables (personas, picada, zona), y desarrollar una plataforma de gestión interna que eliminara la carga operativa del equipo.

La solución

Diseñamos en Figma y desarrollamos con React + TypeScript + Vite un ecosistema digital end-to-end. El tarificador, pieza central del proyecto, guía al cliente en 8 pasos claros y genera una cotización con precio desglosado, link de pago de Mercado Pago y emails automáticos vía Resend. En paralelo, construimos un dashboard administrativo privado con 5 pestañas: Reservas (calendario + CRUD completo), Cotizaciones (tabla + métricas de conversión), Tabla, Newsletter y Analytics (embudo del tarificador + gráficos). Todo el stack corre sobre Supabase con 8 Edge Functions serverless.

Implementación

  • Diseño UX/UI completo en Figma: paleta forest green + burgundy + crema, tipografía serif premium, sistema de diseño responsivo
  • Tarificador wizard en 8 pasos: personas → picada → zona → fecha (calendario) → turno → email → resumen con desglose → datos de contacto
  • Cálculo dinámico de precios en tiempo real: tarifa base por persona, recargo por picada, recargo por zona geográfica (CABA / Zona 1-2-3)
  • Integración Mercado Pago: generación de link de pago para seña desde Edge Function serverless con redirect automático
  • Emails automáticos con Resend: confirmación de cotización al instante + email de seguimiento a los 10 minutos si no pagó
  • Dashboard /admin/dashboard con autenticación Supabase, 5 pestañas: Reservas (CRUD + calendario + "Catas en pausa"), Cotizaciones, Tabla, Newsletter, Analytics
  • Analytics del funnel: tracking de eventos en cada paso del tarificador, gráfico de embudo, sesiones por día y catas por mes
  • CI/CD automatizado con GitHub Actions: deploy a Hostinger vía FTPS en cada push a main

Resultados

El sistema entró en producción y desde el primer día comenzó a operar de forma autónoma. En las primeras semanas procesó más de 36 cotizaciones sin intervención manual, con una tasa de finalización del wizard del 92%. El equipo de VCA pasó de gestionar reservas por WhatsApp a tener un dashboard centralizado con todos los datos en tiempo real: reservas, ingresos proyectados, estado de pagos y analytics del funnel completo.

  • 8 pasos wizard de cotización
  • 36+ cotizaciones procesadas
  • 92% tasa de finalización (YTD)
  • 8 Edge Functions serverless

Servicios

  • Diseño UX/UI en Figma
  • Desarrollo React + TypeScript + Vite
  • Tarificador wizard 8 pasos
  • Integración Mercado Pago
  • Emails automáticos con Resend
  • Backend Supabase + Auth
  • 8 Edge Functions serverless
  • Dashboard admin con 5 pestañas
  • Analytics & embudo del funnel
  • CI/CD con GitHub Actions

Ver sitio web

Volver