Sitio web institucional y de experiencias para una finca cafetalera familiar en Vilcabamba, Ecuador. Desarrollado como producto entregable de agencia para comunicar identidad de marca, productos y turismo experiencial.
Las fincas de café de especialidad pierden ventas y reservas porque no tienen presencia digital que transmita la calidad y autenticidad de su producto. Un cliente potencial —turista, importador o consumidor premium— llega a Google, no encuentra nada convincente y elige a la competencia.
Vilcaroma necesitaba un sitio que convirtiera la historia familiar y el origen del producto en una razón de compra. No una tienda online genérica: una vitrina de confianza que genere reservas de experiencias y pedidos directos.
| Funcionalidad | Beneficio real |
|---|---|
| Landing con video hero | Primera impresión de alto impacto — transmite el ambiente del valle sin que el usuario tenga que leer nada |
| Página de historia familiar | Construye confianza y diferenciación frente a marcas industriales |
| Catálogo de productos | Comunica la propuesta de valor de cada variedad con fotografía artesanal |
| Ruta del Café — experiencias | Convierte la visita a la finca en un producto reservable con descripción de itinerario |
| Galería visual | Demuestra el proceso real, de la planta a la taza |
| Formulario de reservas | Captura leads y reservas directamente, sin intermediarios |
| SEO y metadatos OG completos | La finca aparece bien en Google y se ve profesional al compartir en redes |
| Diseño responsivo completo | Funciona perfectamente en mobile, donde llega la mayoría del tráfico turístico |
Otras dependencias clave: React Router v6, TanStack Query, React Hook Form + Zod, Radix UI, Lucide Icons.
| Vista | Preview |
|---|---|
| Hero con video |  |
| Ruta del Café |  |
| Galería |  |
| Productos |  |
| Reservas |  |
| Mobile |  |
- Landing page con video hero y animaciones
- Sección de historia y origen familiar
- Catálogo de productos con variantes
- Página de la Ruta del Café (experiencias)
- Galería fotográfica del proceso
- Formulario de reservas con validación
- Layout responsivo (mobile-first)
- SEO básico + Open Graph
Setup técnico
- Node.js 18+
- npm o bun
git clone https://github.com/TU_USUARIO/vilcaroma-coffee-web.git
cd vilcaroma-coffee-web
npm installnpm run dev
# http://localhost:8080npm run build
npm run previewnpm run testCrear un archivo .env.local en la raíz si el proyecto requiere integraciones externas (formularios, analytics, etc.). Ver .env.example si existe.
Copyright © 2026. Todos los derechos reservados.