Baristro Coffee & Brunch.

Contexto

Baristro es un coffee shop & bistró contemporáneo en Bayamón, Puerto Rico, orientado a brunch, desayuno y café de especialidad. Necesitaban una presencia digital que transmitiera calidez y calidad, y que convirtiera visitas en reservas, llamadas o consultas.

Desarrollé una landing one-page en Astro con islas React, optimizada para SEO local (es-PR), rendimiento móvil y un recorrido claro: propuesta de valor → horarios → menú → contacto.

Reto

El negocio local depende de búsqueda orgánica (“brunch Bayamón”, “desayuno Bayamón”) y de acción inmediata (llamar, ver menú, ubicar el local). Una web lenta o genérica pierde ese tráfico.

Había que equilibrar identidad gastronómica premium (fotografía, motion, tipografía) con Core Web Vitals, accesibilidad y contenido editable/mantenible en un hosting compartido.

Enfoque

Prioricé arquitectura estática, SEO local estructurado y un flujo de conversión de una sola página:

• Landing one-page con anclas (#horarios, #menu, #contacto) y CTAs persistentes (teléfono + menú).
• Schema.org tipo Restaurant con dirección, geo, horarios, redes y cocina servida.
• Preload de imagen LCP (bgHero.webp) y assets WebP para velocidad en móvil.
• Islas React solo donde aportan interacción (nav, galería, texto animado, menú).
• Accesibilidad: skip link, roles ARIA, contraste y focus ring en controles clave.

Solución

La landing final combina atmósfera de brunch con una experiencia directa y local:

• Hero full-bleed con headline local, CTAs a menú y llamada, y narrativa de marca EST. 2026.
• Sección de propuesta de valor orientada a desayuno, brunch y café de especialidad.
• Bloque de horarios claro (semana vs. fin de semana) para reducir fricción operativa.
• Menú con piezas visuales y acceso al menú completo (flipbook/CTA).
• Contacto con datos, mapa embebido y formulario (reserva, evento, info, colaboración).

Resultados

• Presencia indexable con SEO on-page y datos estructurados listos para búsquedas locales.
• Experiencia móvil fluida con HTML estático Astro e hidratación selectiva.
• Canal digital unificado: teléfono, email, menú, mapa y formulario en un solo flujo.
• Identidad visual coherente (logo, fotografía WebP, acento dorado, motion controlado).
• Base lista para campañas locales y reputación (Google Reviews / directorios).

Stack tecnológico

Aprendizajes

• En hospitality local, horarios + ubicación + CTA de llamada pesan más que secciones decorativas.
• Astro con islas React permite motion premium sin sacrificar el LCP del hero.
• Schema Restaurant bien armado acelera la comprensión del negocio por buscadores y asistentes.