La Peana

The project

La Peana is an exceptional private estate nestled in the hills of El Cuartón, Tarifa — between the Los Alcornocales Natural Park and the Strait of Gibraltar, with Africa visible just 14 km away. The villa hosts private groups (up to 15 guests) for high-end stays, yoga retreats and outdoor adventures: kitesurfing, paragliding, climbing, hiking, and excursions to Gibraltar and Tangier.

The goal of the website was to visually convey the intimacy, escapism and exclusivity of the property — to inspire before a single line is read, with a sober and elegant editorial design that lets the photography speak for itself.

Challenges & objectives

The main challenge was balancing visual impact with technical lightness: full-screen high-resolution photography, smooth animations, fluid navigation — all without a heavy framework, to ensure fast loading times on mobile and in rural areas. The site targets an international English-speaking audience, demanding and accustomed to luxury platform standards.

The structure also needed to convert: each section naturally guides visitors towards enquiry or availability requests, without breaking the contemplative character of the browsing experience.

Key features

• Full-screen editorial design with custom animated hero slideshow (Ken Burns zoom effect)
• Sticky transparent navigation with scroll transition
• Responsive lightbox gallery with no external dependencies
• Integrated availability request form
• Dedicated yoga retreat section with pricing and programme
• Interactive map of local experiences and activities
• Mobile-first optimisation and Core Web Vitals performance
• Natively multilingual (EN/ES)

Results

The website faithfully reflects the premium positioning of the property: understated, elegant, with a consistent visual identity from logo to footer. Engagement on the gallery section and contact form confirms that the browsing experience effectively converts visitors into qualified leads.

Technologies used

The site is built entirely in HTML, CSS and vanilla JavaScript — no CMS, no framework. This deliberate choice ensures maximum performance, simple maintainability and zero third-party dependencies. Animations (hero slideshow, section transitions, lightbox) are coded from scratch to match the intended visual tempo exactly.

Have a project in hospitality, tourism or luxury? Get in touch to discuss it.