EastWest.is

logo cliente eastwest
  • Qué: Desarrollo en WordPress customizado basado en Divi, plantillas a medida, y sistema de alertas de auroras boreales.
  • Quién: Jungle {Rainmakers} / Eastwest.is
  • Cuándo: Mayo 2024
Categorías:
Home de Eastwest

No todos los días construyes una web para una empresa de tours que depende completamente de los caprichos de la naturaleza islandesa. EastWest no es una empresa de turismo convencional: son especialistas en experiencias por Islandia, donde cada tour se adapta al clima, a las condiciones del terreno y, especialmente, a la impredecible danza de las auroras boreales.

Cuando llegó el proyecto, sabíamos que necesitábamos construir una plataforma que respirara al ritmo de Islandia: flexible, inteligente y capaz de comunicarse con sus visitantes en tiempo real sobre las condiciones meteorológicas que determinarían si podrían o no perseguir las auroras boreales esa noche.

La base se desarrolló sobre Divi, pero rápidamente quedó claro que las limitaciones propias del tema no debían restringir la visión del proyecto. Por eso, cada plantilla se maquetó completamente a medida, siguiendo al detalle el diseño planteado por el equipo creativo.

Desarrollamos plantillas específicas para tours, cada una con su propia estructura de datos, testimonios integrados y bloques de highlights que permitían mostrar los puntos únicos de cada experiencia. El resultado: un ecosistema de contenido totalmente personalizado que mantiene la coherencia visual pero se adapta perfectamente a las necesidades específicas de cada tour.

Cards con hover animado para los tours
Blog de EastWest

La complejidad oculta de Bokun

Uno de los desafíos técnicos del proyecto fue la integración con Bokun, la plataforma de reservas que permite a los usuarios comprar tickets directamente desde la web. El problema no es meter un iframe, es adaptar al diseño lo que viene de la plataforma Bokun, con unos colores, tipografías y estructura muy concreta.

Trabajamos duro para crear en la propia página de la plataforma el CSS customizado que permitiera adaptar completamente la apariencia del iframe de Bokun al diseño de EastWest. Cada elemento se integra de forma invisible en la experiencia de usuario, manteniendo la estética y la funcionalidad sin comprometer la usabilidad del proceso de reserva.

Swiper.js: movimiento para contar historias

Los sliders no son solo decorativos en el proyecto EastWest. Utilizando Swiper.js, creamos experiencias interactivas que permiten a los usuarios explorar los diferentes momentos de cada tour, desde los paisajes que encontrarán hasta los testimonios de otros viajeros.

Cada slider está cuidadosamente planteado, con animaciones personalizadas que guían la atención del usuario y crean una narrativa visual coherente. El resultado: los visitantes no solo ven fotos de Islandia, sino que experimentan visualmente el viaje antes de realizarlo.

Pantallas del menú en mobile

Un menú que se adapta a todo

El menú de navegación se desarrolló completamente desde cero, tanto para desktop como para mobile. La complejidad residía en mostrar de forma clara y accesible la amplia gama de tours disponibles, desde experiencias programadas hasta tours privados personalizados.

En móvil, el menú se transforma en una experiencia completamente diferente, optimizada para la navegación táctil y que permite acceder rápidamente a la información más relevante sin saturar la pantalla pequeña.

Un sistema de FAQs intuitivo

El sistema de FAQs creado para EastWest facilita el acceso rápido a la información, con una organización y estética claras, con encabezados visibles y categorías diferenciadas, contribuye a una navegación fluida y cómoda. Además, el buscador solo para estos términoos permiten encontrar respuestas específicas sin perder tiempo.

El sistema prioriza la resolución directa de dudas, pero ofrece caminos alternativos. Cada categoría aborda áreas esenciales (tours, compras, recogidas, cambios de fecha, accesibilidad, etc.), y la estructura intuitiva anima a los usuarios a explorar el contenido, convirtiendo estas FAQs en un canal eficaz para atender necesidades comunes y asistir proactivamente a los clientes.

Sistema de FAQs por secciones, con acordeón y búsqueda

Una de las funcionalidades más curiosas del proyecto fue el sistema de alertas de auroras boreales. Desarrollamos una solución que permite al equipo de EastWest actualizar diariamente si habrá o no tour de auroras boreales, basándose en las condiciones meteorológicas y la actividad solar prevista.

Cómo funciona:

  1. Un simple checkbox: el equipo de EastWest puede actualizar fácilmente el estado del día usando un checkbox para definir si ese día hay o no auroras. Al actualizar la página, queda grabada la fecha de actualización para mostrar o no el mensaje en la home.
  2. Mensaje flotante inteligente: solo aparece cuando hay una actualización de la home.
  3. Sistema de cookies: para evitar ser invasivos, utilizamos cookies que ocultan el mensaje durante un tiempo determinado después de cada visualización.
  4. Aparición condicional: si el equipo no actualiza el estado un día, el mensaje simplemente no aparece para no confundir al usuario.

Este sistema garantiza que los visitantes reciban información actualizada y relevante sin saturarlos con notificaciones innecesarias, mejorando significativamente la experiencia de usuario y la tasa de conversión de los tours de auroras boreales.

Desarrollamos tipos de contenido personalizados para:

  • Tours: Con estructura específica para cada tipo de experiencia
  • Testimonios: Integrados de forma natural en cada página
  • Highlights: Bloques modulares que resaltan los puntos únicos de cada tour

Cada tipo de contenido cuenta con su propio sistema de metadatos y opciones de personalización, permitiendo al equipo de EastWest gestionar el contenido de forma intuitiva sin limitaciones técnicas.

Highlights mediante CPT en un tour

1. La flexibilidad es fundamental

Las auroras boreales no siguen horarios de oficina. Un sistema web para una empresa que depende de fenómenos naturales debe ser igual de impredecible y adaptable.

2. Las integraciones complejas deben ser invisibles para el usuario

El trabajo más difícil (como adaptar Bokun) es el que el usuario final nunca debería notar: una integración perfecta es aquella que se siente nativa.

3. La personalización no significa reinventar la rueda

Usar Divi como base nos permitió mantener la velocidad de desarrollo, pero desarrollar todo a medida nos dio la libertad creativa necesaria.

4. Los detalles técnicos deben servir a una historia más grande

Cada funcionalidad desarrollada tenía un propósito: ayudar a los viajeros a vivir experiencias únicas en Islandia. La tecnología debe ser invisible pero imprescindible.

EastWest.is no es solo una web de reservas de tours. Es una plataforma que se adapta al ritmo de la naturaleza islandesa, que informa en tiempo real sobre las condiciones que afectarán la experiencia del viajero, y que presenta cada tour como lo que realmente es: una aventura única e irrepetible.

La combinación de desarrollo técnico avanzado, integración inteligente de plataformas externas y atención meticulosa a los detalles de experiencia de usuario ha resultado en una herramienta que no solo vende tours, sino que prepara a los viajeros para vivir Islandia en su estado más auténtico.

¿Tienes un proyecto que necesita adaptarse a condiciones cambiantes y ofrecer experiencias únicas? Hablemos de cómo la tecnología puede servir a tu visión sin limitaciones.

Cuéntanos tu proyecto sin compromiso.

Sin jerga técnica, solo una conversación honesta sobre cómo podemos ayudarte a lograr tus objetivos.