San Blas
on Sailboats

San Blas on Sailboats es un agencia de turismo en la Islas de San Blas, Panama. Construimos un sitio web con traducciones organicas a tres idiomas, y fue desarrollado utilizando tecnología nativa de los navegadores (HTML, CSS y Javasscript) sin frameworks.

Hero con fondo del archipiélago, navegación y llamado a reservar

La web estaba desactualizada, necesitaba renovar su imagen

El sitio anterior era generico, confuso y presentaba errores técnicos. Ademas Guadalupe es una capitana que conoce las Islas de San Blas y a bordo de Lady Lou, un velero de 42 pies, lleva pasajeros a explorar el archipiélago de Guna Yala. No es una empresa de turismo tradicional: es una persona que vive en el mar, cocina a bordo, conoce a cada capitán Guna de la zona y queriamos reflejar eso.

El pedido fue reconstruirlo desde cero con puro HTML, CSS y JS, sin page builders ni plantillas preseteadas. Un desarrollo personalizado alineado la filosofía del proyecto.

Sección 'Why sail with us', tres pilares con iconografía propia
Pop-up 'Lady Lou — Yacht & Price' con galería del velero y precios

Informar, responder y reservarsin volverse un catálogo.

San Blas recibe visitantes de todo el mundo. Los pasajeros de Lady Lou llegan desde Estados Unidos, Europa, Australia, Latinoamérica. El sitio tenía que funcionar en inglés, español y francés — no con un plugin de traducción automática, sino con versiones redactadas a mano para que el tono fuera el mismo en los tres idiomas.

El segundo desafio fue estructural: el sitio necesita hacer varias cosas al mismo tiempo — informar, responder preguntas, integrar reservas por WhatsApp y Airbnb, además de reflejar la identidad de la agencia — sin volverse un catálogo.

Y el tercer desafio fue técnico: que un sitio con video de fondo, galería de imágenes, FAQ con acordeón y slider de reseñas cargara rápido en dispositivos móviles con conexión limitada.

Mockup móvil — hero con video, nombre y CTA de reserva
Mockup móvil — galería de imágenes del archipiélago y vida a bordo
Mockup móvil — slider de reseñas (Airbnb, Google, Booking)

Estructuramos el sitio como una conversación de cinco momentos.

Antes de escribir una línea de código, tuvimos reuniones con Guada entendiendo cómo ella habla de su trabajo y las reseñas de los pasajeros fueron el primer insumo: lo que más repiten — la comida casera, la conexión con la comunidad Guna, sentirse parte de algo más que un tour — son los argumentos que organizan la estructura del sitio.

  1. Análisis de reseñas reales (Airbnb, Google, Booking) para identificar los valores que los pasajeros perciben y que el sitio anterior no comunicaba.
  2. Arquitectura de la home como una conversación en cinco momentos: quiénes somos → qué ofrecemos → cómo es la experiencia → qué dicen otros → cómo reservar.
  3. Copywriting en inglés como idioma base, luego versiones en español y francés respetando el tono directo y cercano del original.
  4. Desarrollo en HTML/CSS puro con JavaScript para el slider de reseñas, el acordeón de FAQ y la galería. Cero dependencias externas.
  5. Video de fondo optimizado para mobile: versión comprimida que carga en paralelo, con fallback a imagen estática si la conexión es lenta.
  6. Integración de Calendly, WhatsApp y los perfiles de Airbnb y Booking como canales de reserva sin romper la experiencia del sitio.
Sección de reseñas con slider, tres plataformas integradas (Airbnb, Google, Booking)
Detalle — selector de idioma (EN / ES / FR) en la esquina de la pantalla

Un sitio que trabaja mientras Guadalupe navega

5Secciones
2Páginas de venta
23Noticias en blog

El sitio trabaja con posicionamiento orgánico: El usuario llega buscando "sailing san blas" o por recomendación de Instagram, entiende inmediatamente quién es y qué hace Guadalupe, y tiene todo lo que necesita para reservar sin salir de la página.

Lo que más me interesa de este proyecto es que el resultado técnico — HTML puro, sin frameworks, sin page builders — refleja exactamente la filosofía del cliente: vivir en el mar la vida simple, cuidado y sin excesos..

Sección 'Savor the flavors of San Blas', comida a bordo — versión desktop
Captura final — versión en español, mobile (hero + about)
¿Tenés ganas de publicar tu proyecto? Escribime y te ayudo :)