Mental BoundThe challenge
A premium boat charter and sea transfer operator across the Greek islands needed a platform that could serve as both a customer-facing booking tool and a vessel management interface. Travelers needed an intuitive way to discover boats, compare options, and submit inquiries — while the business needed structured data collection and intelligent routing of booking requests.
The existing workflow relied on manual communication channels that couldn't scale with seasonal demand or the complexity of coordinating charters and point-to-point transfers across multiple locations.
What we built
A full-stack web platform built with React and Next.js, bundled via Turbopack, and deployed on Vercel's edge infrastructure for fast, server-rendered page loads. The application uses clean, SEO-friendly routing with locale-based URL prefixes to support full internationalization. Structured data (JSON-LD) is implemented throughout for search engine optimization.
Boat catalog and search
The core of the platform is a dynamic, filterable boat catalog that lets users browse vessels by type, location, and rental category. The listings page features a dual-view system: a responsive card grid displaying vessel photography, pricing, specifications, and capacity at a glance, alongside an interactive map view powered by Leaflet.js with OpenStreetMap and OpenSeaMap tile layers.
The map includes clustered markers and custom boat-type icons for intuitive geographic exploration. Separate views handle charters (single-location filter) and point-to-point transfers (origin/destination filter pair with route visualization).
Vessel detail and booking
Each boat has a dedicated detail page featuring a multi-image gallery with thumbnail navigation, structured specification blocks covering engine performance, dimensions, capacity, and fuel details, plus a rich description section.
A sticky sidebar houses the inquiry form, which adapts between transfer and cruise modes. It includes departure/destination selectors, an international phone input with country code picker, date and time pickers, a group size stepper, and a freeform message field — all flowing into a booking inquiry submission.
AI-powered booking assistant
The standout feature is an integrated conversational AI assistant accessible from the navigation bar. The chatbot queries the live boat database in real time, returning rich interactive UI elements directly within the chat — including a swipeable carousel of boat cards complete with photos, specifications, and inline "Select This Boat" action buttons.
Once a user selects a vessel, the assistant guides them through a full multi-step booking flow conversationally, collecting charter type, preferred dates, and trip details step by step. The boat cards dynamically update their state within the chat, showing selection status and pricing context. The result is a seamless blend of natural language interaction and structured data collection.
Contact and communication
A dedicated contact page provides a structured inquiry form with subject categorization, alongside displayed contact details and marina location information.
Design and UX
The visual design follows a clean, premium aesthetic with a teal accent color palette, generous whitespace, rounded card components, and subtle iconography — consistent with the luxury maritime experience it represents. The layout is fully responsive across devices, with particular attention to touch-friendly interactions for mobile users browsing on the go.