Análisis del sitio oficial del destino (visitloscabos.travel) y qué patrones valen la pena adaptar.

Research: homepage de visitaloscabos.travel — qué tienen ellos que nos falta

Fecha: 2026-07-05 · Método: Firecrawl screenshot full-page (10,267px) + análisis sección por sección · Objetivo: qué implementar en whatsincabo.com para percepción de sitio de decenas de miles de dólares.

Anatomía de su homepage (11 bloques)

Hero: video full-bleed con controles pause/mute visibles + logo grande + widget de clima en vivo (84.5°) + contador de Favoritos (♥) + tab lateral "GUÍAS" + flecha scroll-down.
Bienvenida editorial: display serif elegante, párrafos cortos, foto con bloque de color menta desplazado detrás (offset frame), watermark ilustrado de cola de ballena, 4 CTAs minimalistas subrayados (PLANEA / HOSPEDAJE / GASTRONOMÍA / EVENTOS).
Mapa ilustrado custom de Baja California Sur — SU asset firma: ilustración a medida con puntos (playas, aeropuertos, pueblos, El Arco), brújula, fauna ilustrada + mini-mapa de ubicación vs México/USA.
"Destino muy conectado" — mapa interactivo de rutas aéreas (embed; en nuestra captura salió como bloque negro = frágil).
"Lugares para Explorar" con TABS por zona (Los Cabos / CSL / SJD / Cabo Pulmo & Sol de Mayo) + collage masonry editorial con etiquetas blancas (PLAYAS, GASTRONOMÍA, GOLF, EL ARCO…).
Eventos del mes (tema mensual: Orgullo en junio) + carrusel de eventos con la FECHA tipográfica gigante (JUL 05) + venue con pin.
Historias/blogs: carrusel edge-to-edge con cards overlay oscuras (categoría + título).
Social wall #LosCabosSíoSí — muro Instagram masonry enorme (fotos + reels) + botones sociales.
Comunicados & Noticias (3 cards PR).
Strip de 3 banners pastel (Media&PR / Boletín / Revista) con patrones mexicanos de línea (grecas/olas) de fondo.
Footer con badges de premios (Travel Weekly, Wave Award, TripAdvisor Travelers' Choice) + dirección física + hashtag.

Su lenguaje de diseño (lo que da la percepción $$$)

Par tipográfico: display serif con carácter para títulos + sans limpia para cuerpo. (Nosotros: sans en todo = genérico.)
Paleta pastel por sección: menta / crema / azul marino alternando fondos — cada sección tiene identidad.
Patrones decorativos sutiles (olas, grecas mexicanas) como separadores y fondos de baja opacidad — textura de marca.
Ilustración custom (mapa, fauna, watermarks) — lo más caro y lo más distintivo.
Contenido vivo: clima, eventos fechados, social wall = "este sitio respira".
Aire generoso pero SIN vacíos (~104-119px entre secciones — ya lo igualamos).

Sus debilidades (donde YA les ganamos — no copiar)

Embed de rutas aéreas roto (bloque negro) y un "Something went wrong." visible en producción.
Página pesadísima (muro IG masivo) — su Lighthouse sufre.
Cero e-commerce/conversión: no venden nada (nosotros: Passport + concierge).
Sus fichas de lugares son thin; las nuestras tienen datos ricos.

GAP LIST para whatsincabo.com (priorizada)

Quick wins — en la skin CSS/widgets existentes (días)

#	Qué	Cómo
1	Display serif en títulos de sección	Cargar 1 familia display (p.ej. Fraunces/Canela-like en Google Fonts) solo para `.wm-reveal .elementor-heading-title` en la skin — cambio quirúrgico, no toca el tema
2	Patrones de marca sutiles	SVG inline (olas/grecas propias WIC) como background de 2-3 secciones clave a 4-6% opacidad, clase `wm-pattern`
3	Offset color frame en la foto del welcome/trust	CSS: pseudo-elemento con bloque teal/arena desplazado detrás de la imagen
4	Badges honestos en footer	"250+ venues visited & verified · 12,000+ readers · Local team" como sellos gráficos (NO premios inventados)
5	Chip de clima en el hero	API de clima cacheada (transient 30 min) en mu-plugin + chip "86° in Cabo today" — señal de sitio vivo
6	Controles pause en el video hero	Botón pausa accesible (candado a11y del skill)

Medios (1-2 semanas)

#	Qué	Cómo
7	Carrusel de EVENTOS con fecha gigante	Ya tenemos 12 event listings publish; estilo "JUL 05" tipográfico en wic-listing-cards (variante `wic_premium_cards` para events) — contenido fresco + razón de retorno
8	Tabs por zona en "Explorar"	Nuestras zones cards + tabs (widget tabs de Elementor estilizado con wm-dim ya portado)
9	Social wall #WhatsInCabo	Plugin IG feed con lazy-load estricto y límite de 8-12 tiles (NO el muro infinito de VLC — mata el peso)

Proyecto firma (cotizar aparte — el salto de percepción más grande)

#	Qué	Cómo
10	Mapa ilustrado interactivo de Los Cabos estilo VLC	Ilustración custom de la península con NUESTRAS 6 zonas + hotspots SVG clicables → cada zona lleva a su archive. Es el asset que grita "sitio caro". Producción: ilustración (IA + retoque o ilustrador) + widget WIC de hotspots

Reglas al implementar

Home real = SOLO widgets Elementor WIC (regla del socio); todo lo anterior entra como skin CSS + widgets existentes/nuevos WIC.
Claims siempre honestos (badges = datos verificados, ver RESEARCH-CABO-PASSPORT-2026-07-05.md §5).
Todo con candados: reduced-motion, lazy/IO, presupuesto de peso, legible sin JS.
QA visual obligatorio: screenshot + crops + ?wmnoanim=1 antes de mostrar.

← Volver al centro de investigaciones