Saberium
Proyectos

Atlantis Charters

Visitar el sitio web
Sector
Salidas en barco con reserva online
Ubicación
Port de Pollença, Mallorca
Año
2025
Estado
En línea
Página de inicio del sitio web de Atlantis Charters, con el botón de reserva sobre un vídeo del barco amarrado junto a un muelle de piedra

El encargo

Atlantis Charters ofrece salidas con patrón desde Port de Pollença en un llaüt, el barco tradicional mallorquín de madera, con salidas de mañana, de medio día, de día completo, de tarde y al atardecer. El sitio web tenía que permitir que un visitante viera qué salidas quedaban libres, eligiera una y la asegurara con un depósito, sin salir del sitio para cerrarla por mensaje.

Ver nuestro servicio de diseño y desarrollo web

Visitar el sitio web

Lo que tenía que resolver

  • 01Hay un solo barco, así que cada salida solo puede venderse una vez y dos visitantes nunca deben poder reservar la misma.
  • 02El visitante tenía que ver qué fechas y horarios seguían disponibles antes de decidir, no después de enviar una solicitud.
  • 03La reserva tenía que asegurarse con una parte del precio pagada por adelantado y el resto a bordo el día de la salida.
  • 04Los clientes llegan de varios países, así que el sitio tenía que funcionar en español, inglés, alemán y francés.

Cómo se llevó a cabo

Las fases que recorrió el proyecto, en orden.

  1. 01

    Planes y precios

    Cada salida se presentó como un plan con su duración, horario, precio total y depósito, para que el visitante pueda comparar una salida al atardecer con un día completo antes de abrir el calendario.

  2. 02

    Calendario de disponibilidad

    Un calendario mensual marca cada día como disponible, parcial o completo. Al elegir un día aparecen las salidas que siguen libres, y las fechas pasadas no se pueden seleccionar.

  3. 03

    Reserva y depósito

    El visitante indica su nombre, email, teléfono y número de pasajeros, y paga el 30% del precio en la página de pago de Stripe. En ese momento se vuelve a comprobar la disponibilidad, así que una salida ocupada mientras tanto se rechaza en lugar de venderse dos veces.

  4. 04

    Cuatro idiomas

    Español, inglés, alemán y francés en los planes, el calendario y el formulario de reserva, con el idioma elegido desde el menú en todas las páginas.

  5. 05

    Contacto y punto de salida

    WhatsApp y email para las consultas que no son una reserva, y un mapa del punto de salida en Port de Pollença.

El resultado para la empresa

  • Calendario de disponibilidad por día y salida
  • Reserva online con depósito pagado por adelantado
  • Protección frente a dos reservas para la misma salida
  • Planes con duración, horarios y precios indicados
  • Español, inglés, alemán y francés
  • Contacto directo por WhatsApp y email

Páginas del sitio

Los planes de Atlantis Charters en una pantalla de escritorio, con las salidas de mañana, medio día y día completo, cada una con su horario, depósito y precio total sobre un botón de reserva.
El calendario de reservas de Atlantis Charters en un móvil, con un sábado de octubre seleccionado y las salidas de mañana, medio día, día completo, tarde y atardecer disponibles para ese día.
El formulario de reserva de Atlantis Charters en un móvil, que pide nombre, email, teléfono y número de pasajeros, con una nota que indica que el 30% se paga ahora y el resto a bordo.
La ventana de reserva de Atlantis Charters en una pantalla de escritorio, con el calendario de octubre y una leyenda para los días disponibles, parciales y completos.

Cómo se construyó

React
Los planes, el calendario y el formulario de reserva funcionan como una sola aplicación, así que el visitante completa la reserva sin que la página se recargue.
Stripe
El depósito se paga en la propia página de pago de Stripe, así que los datos de la tarjeta nunca pasan por el sitio web.
Comprobación de disponibilidad
El calendario consulta el mes al abrirse, y la salida elegida se vuelve a comprobar cuando se paga la reserva.
Cuatro idiomas
Español, inglés, alemán y francés funcionan desde las mismas páginas y el mismo proceso de reserva.