Cerrar y volver al inicio

Quincho El Tata

Landing page

Proyecto:

Quincho El Tata

Mi rol:

Desarrollador Frontend

Tecnologías:

Angular 22BootstrapTypeScriptNetlifySSRPlaywrightGitHub Actions

Línea de tiempo:

2025 – 2026

Descripción:

Landing para alquiler de quincho con pileta en Palpalá, Jujuy: guía al visitante desde la oferta hasta una consulta clara por WhatsApp, con galería, precios de referencia, mapa y SEO local.

Contexto:

Quincho El Tata es una landing one-page para un espacio físico de eventos (hasta 60 personas). El objetivo no es reservar online, sino que el visitante entienda qué incluye el lugar y abra una consulta por WhatsApp. Incluye hero brand-first, Nosotros, Qué incluye, Galería, Precios, Ubicación, Contacto (formulario que arma el mensaje), botón flotante de WhatsApp y SEO LocalBusiness.

Visualizar Código
Quincho El Tata

Problema

Quienes organizan un festejo en Palpalá necesitan un lugar listo (pileta, parrilla, salón) sin armar todo desde cero. El dueño no tenía una presencia digital clara: la gente llegaba por redes o boca a boca, sin un solo lugar donde ver capacidad, turnos, qué incluye y cómo consultar. El desafío fue una landing rápida, usable en móvil y orientada a WhatsApp —sin inventar reservas automáticas, testimonios ni precios no confirmados (p. ej. turno noche).

Proceso

Enfoque centrado en conversión real (WhatsApp), no en un embudo inventado:

  1. Definición de producto — Usuarios (familias y grupos de amigos), éxito = consulta por WhatsApp, restricciones (sin checkout, precios orientativos, galería provisional).
  2. Arquitectura de la landing — Orden hero → oferta → prueba visual → precios → ubicación → contacto, para bajar fricción antes del ask.
  3. Diseño e iteración — Sistema visual propio, copy con hechos locales, CTAs en zonas de decisión y float de WhatsApp post-scroll.
  4. Ingeniería y calidad — Angular 22 con SSR/prerender, SEO local, accesibilidad (skip-link, menú, formulario), galería diferida, tests unitarios + E2E con Playwright y CI en GitHub Actions.

Solución

La landing concentra la oferta en una sola página: capacidad, turnos día/noche, comodidades, galería de referencia, precio ancla de día completo, mapa y contacto. Los CTAs y el formulario preparan el mensaje de WhatsApp; el float aparece cuando el visitante ya recorrió buena parte del contenido. SEO y SSR mejoran descubrimiento y carga inicial; Netlify + CI mantienen el deploy estable.

Conclusión

El valor no estaba en “más secciones”, sino en alinear el sitio con cómo decide la gente: hechos claros → confianza local → conversación por WhatsApp. Respetar lo que el negocio sí puede afirmar (y no inventar precio de noche ni prueba social) mantuvo la landing creíble. SSR, SEO local y una pipeline de tests/CI convirtieron una página de vitrina en un producto frontend mantenible y listo para producción.