Reto
El negocio no tenía presencia digital. Sin web, los clientes potenciales no encontraban la tienda ni entendían el modelo de compra a granel. El reto era comunicar la propuesta de valor eco de forma clara y cercana.
Ficha de proyecto
Eco Natura Lídia — tienda ecológica
Web de presentación para Eco Natura Lídia, tienda ecológica a granel en Cambrils (Calle Pere III, 22). El objetivo es generar confianza de marca y convertir visitas en pedidos por WhatsApp.
Stack: Next.js 15, Tailwind CSS v4, estático
Estado: Demo funcional — cliente real
Next.jsTailwindEstáticoWhatsApp CTAResponsive
Cómo funciona
Se diseñó una landing estática con Next.js y Tailwind, optimizada para móvil y carga rápida. La estructura prioriza el CTA de WhatsApp en hero y con botón flotante. Las secciones cubren valores de marca, categorías de producto, galería visual, FAQ y footer con mapa y horario.
Arquitectura y módulos implementados
- Hero con claim principal y CTA directo a WhatsApp (722 225 990).
- Sección Valores: 100% ecológico, granel, economía circular, comercio local.
- Cards por categoría: higiene personal, limpieza, cosmética, alimentación, complementos y perfumes.
- Galería de fotos de tienda y productos con imágenes reales del sector eco.
- FAQ con preguntas frecuentes sobre pedidos, envíos y modelo a granel.
- Footer con dirección, horario, teléfono y Google Maps iframe.
- Botón flotante de WhatsApp siempre visible en móvil y escritorio.
- Animaciones sutiles de entrada scroll-triggered, responsive prioritario móvil.
Resultado
Demo lista para presentar a la clienta. Estructurada para escalar a catálogo con CMS o checkout en v2 sin refactorizar. Refleja el tono cercano y comprometido de la marca.