JDSA

Completado · Ene 2025

Club House Petlandia

Landing estática multisección para guardería y hotel de mascotas en Madrid (CO) — conversión vía WhatsApp, SEO local y despliegue independiente OCI + Cloudflare con pipeline GitHub Actions.

Club House Petlandia

HTMLCSSJavaScriptOCICloudflareGitHub ActionsSEO

Resumen ejecutivo

Club House Petlandia (petlandiaclubhouse.com) es una landing page estática para un negocio de guardería, hotel y spa para perros y gatos en Madrid, Cundinamarca (Colombia). El objetivo de negocio es claro: captar leads y agendar visitas por WhatsApp, con confianza visual (instalaciones reales, galería, reseñas) y SEO local.

Aunque el stack es deliberadamente sencillo — HTML5, CSS3 y JavaScript vanilla sin build obligatorio — el proyecto fue clave para consolidar despliegue cloud independiente: repositorio propio, secretos en GitHub Actions, subida a Oracle Cloud Infrastructure (Object Storage) y entrega global vía Cloudflare (DNS, proxy, CDN y purge automático post-deploy). Diseñé la arquitectura, el front, el pipeline y la operación de punta a punta.

Contexto y alcance

En alcanceFuera de alcance / preparado
Landing principal + 2 páginas SEO satéliteBackend de leads en OCI (comentado en código)
CTAs y formulario → WhatsApp con mensaje prellenadoGoogle Places API dinámica (preparado)
Galería flip, tarjetas de servicio, mapa embebidoCMS o panel de administración
Schema.org PetBoarding, meta y canonical por páginaBase de datos
Pipeline CI/CD en push a masterContenedores / VMs

Páginas publicadas

RutaPropósito
/Landing principal — hotel y guardería mascotas Madrid
/hotel-canino-madrid/SEO dedicada perros
/guarderia-gatos-madrid/SEO dedicada gatos

Arquitectura

Patrón sitio estático (JAMstack-lite): el navegador consume HTML/CSS/JS desde el edge; no hay servidor de aplicación.

Contexto del sistema

Cargando diagrama…

Pipeline de despliegue

Cargando diagrama…

Capacidades clave

Presentación y conversión

IDCapacidadEstado
RF-01Hero, 6 servicios en tarjetas flip, video Pasadía
RF-02Galería de mascotas con testimonios en reverso
RF-03Reseñas estáticas + enlace a Google Maps
RF-04CTA flotante, formulario validado → WhatsApp
RF-05Mapa embebido, datos de contacto, nav móvil

Front y calidad

IDCapacidadEstado
RNF-04JS en IIFE, API window.Petlandia
RNF-05Responsive 380px–1024px+, menú hamburguesa
RNF-06Meta, canonical, JSON-LD PetBoarding
RNF-07CSS BEM-like, sin build step obligatorio

Operaciones cloud

IDCapacidadEstado
DEP-01Workflow deployLanding.yml en push a master
DEP-02oci os object bulk-upload excluyendo .git, .github
DEP-03Purge Cloudflare post-deploy
DEP-04Servidor local Python (runlocal.ps1, puerto 5500)

Decisiones de diseño

PrincipioImplementación
Conversión primeroWhatsApp como canal único; mensajes prellenados por servicio
Coste mínimoObject Storage + Cloudflare free tier, sin DB ni runtime
SEO localTres HTML independientes con keywords Madrid / Cundinamarca
Mantenibilidad sin frameworkEdición directa de assets; deploy automatizado compensa ausencia de bundler
Seguridad operativaSecrets en GitHub; sin credenciales en el repo

Métricas e impacto

3

Páginas SEO en producción

0

Servidores de aplicación

1

Pipeline CI/CD (push → OCI → CF)

Estado y roadmap

  • Producción: petlandiaclubhouse.com activo
  • Completado: pipeline OCI + Cloudflare, landings satélite, formulario → WhatsApp
  • Preparado: endpoint API OCI para leads (código comentado)
  • Opcional: Google Places API para reseñas dinámicas; galería felina deshabilitada en HTML

Galería

Galería próximamente — capturas y demos en preparación