Reto
El negocio necesitaba una presencia online creíble y rápida: explicar servicios de mudanza, zonas de cobertura y bajar fricción para que el visitante pida presupuesto o escriba por WhatsApp.
Ficha de proyecto
Mudanzas Bassols — empresa de mudanzas
Web de presentación para Mudanzas Bassols: refuerzo de confianza, servicios claros y canal directo de contacto (WhatsApp + solicitud de presupuesto con API).
Stack: Next.js 16, Tailwind CSS v4, OpenNext, Cloudflare Workers
Estado: Demo funcional — despliegue Cloudflare Workers
Next.jsTailwindOpenNextCloudflare WorkersWhatsApp CTAFormulario presupuestoResponsive
Cómo funciona
Se montó una landing con Next.js (App Router) y Tailwind v4, estructurada por bloques: hero con vídeo opcional (YouTube vía env), servicios, argumentos de marca, galería, mapa de cobertura, testimonios y formulario de presupuesto con ruta API. Botón flotante de WhatsApp y pie con datos de contacto. El despliegue usa OpenNext para empaquetar la app en Cloudflare Workers.
Arquitectura y módulos implementados
- Hero con claim y CTA; vídeo embebido opcional (NEXT_PUBLIC_HERO_VIDEO_EMBED_URL).
- Sección de servicios y bloque "por qué elegirnos" orientados a confianza.
- Galería visual y área de cobertura para expectativas geográficas claras.
- Testimonios y prueba social en la propia landing.
- Formulario de presupuesto con envío vía ruta API (/api/presupuesto).
- Botón flotante de WhatsApp para contacto inmediato.
- Footer con información de contacto y cierre de página.
- Proyecto enlazado a repo GitHub y pipeline de build OpenNext + wrangler.
Resultado
Demo lista para producción en Workers: contenido modular, flujo de captación claro y base para iterar copy, SEO local o integración con CRM sin rediseñar la arquitectura.