Solé Beach Club
A sun-drenched Balearic beach club platform featuring real-time Day-to-Sunset atmosphere switching, organic coastal image masks, interactive menu spotlights, and multi-zone daybed & table reservations.
01Overview
Solé Beach Club is a fictional Mediterranean destination on the southern cove of Cala Jondal, Ibiza. The venue unites an almond-wood seafood restaurant (La Cantina), a botanical Hierbas cocktail bar, shoreline teak sunbeds, cliffside VIP cabanas, private VHF boat tender transfers, and daily all-vinyl Hora Dorada sunset sessions.
02The challenge
Mediterranean beach clubs typically offer two completely different experiences within a single day: bright, relaxed seaside dining and sunbed lounging at midday, followed by high-energy sunset DJ sessions and cocktail tables in the evening. Most hospitality websites flatten this duality into a generic dark nightclub page or a static restaurant PDF, confusing guests trying to book the right zone (table vs. sunbed vs. VIP cabana).
03The strategy
Design an expressive, tactile coastal interface with a live Day-to-Sunset atmosphere toggle, organic arched and pebble image frames, a split-spotlight food and cocktail menu, perforated vinyl event tickets, an interactive SVG Cala Jondal Bay chart, and a 3-mode reservation concierge.
04The solution
- 01Coastal Sunset Ticker + Split Arch Navigation bar (N12) featuring live water temperature, VHF Channel 72 tender status, and an interactive Day 13:00 / Sunset 20:30 atmosphere switcher.
- 02Split-poster hero with an arched Mediterranean cove frame, rotating Cala Jondal sun-stamp badge, pebble cocktail inset, and a Quick Coastal Booking Ribbon.
- 03Three-stage daily philosophy storytelling (12:00 La Mesa del Mar, 16:00 La Siesta Dorada, 19:30 Ritual del Sol Poniente) framed with organic pebble and arch masks.
- 04Interactive La Cantina & Coctelería menu across four categories (Signature Cocktails, Raw Bar & Crudo, Wood-Fired Seafood, Sangría & Pitchers) paired with a live Sommelier & Bar Spotlight card.
- 05Four bookable Beach Experience zones (First-Line Loungers, Balinese King Daybeds, Cliffside VIP Cabanas, Yacht Tender Lunch Tables) with transparent rates, F&B credits, and one-click reservation pre-selection.
- 06Perforated ticket-stub lineup for Hora Dorada Sunset Sessions with BPM telemetry, sound profile tags, and category filters.
- 07Interactive SVG Cala Jondal Bay & Anchorage Chart with five clickable cove pins and a 3-mode Reservation Concierge generating a transparent portfolio demo enquiry dossier.
05Design decisions
Interactive Day-to-Sunset Atmosphere Transition
Visitors can toggle between Sol de Mediodía (Warm Cream #FFF4E5 and Turquoise #39B9B1) and Hora Dorada (Deep Navy #173B49, Coral #F0785D, and Sun Yellow #F2CB70), experiencing both sides of the venue immediately.
Young Serif & Nunito Variable Typography
Young Serif brings sun-baked Mediterranean warmth and coastal poster charisma to headlines, while Nunito Variable and Geist Mono keep menu prices, BPM tags, and VHF coordinates crisp.
Organic Arch & Pebble Image Masks
Instead of rigid corporate rectangles, photography is framed through Balearic architectural arches, coastal pebbles, and perforated event ticket stubs.
Three-Mode Coastal Reservation Architecture
Separating Restaurant Tables, Shoreline Sunbeds, and VIP Cabanas into clear visual modes eliminates booking ambiguity and captures yacht tender requests directly.
06Expected impact
Proposed solution designed to clarify minimum-spend and F&B credit policies for sunbeds and VIP cabanas, showcase both daytime culinary quality and sunset music programming, and streamline multi-zone reservation requests.
What we would measure after launch
- Day-to-Sunset atmosphere toggle interactionsTo track after a real launch
- Menu category switches & dish spotlight selectionsTo track after a real launch
- Beach zone Select Zone clicks into the reservation conciergeTo track after a real launch
- Cala Jondal SVG bay map pin inspectionsTo track after a real launch
Next project
ATELIER NOIR
Haute Joaillerie & Luxury Jewelry E-Commerce · Place Vendôme, Paris · Rue du Rhône, Genève
Want a site like this for your business?
Book a free 15-minute call. We will tell you what we would fix first.