La Peana

Le projet

La Peana est une propriété privée d'exception nichée dans les collines d'El Cuartón, à Tarifa — entre le Parc naturel de Los Alcornocales et le Détroit de Gibraltar, avec l'Afrique visible à 14 km. La villa accueille des groupes privés (jusqu'à 15 personnes) pour des séjours haut de gamme, des retraites de yoga et des aventures outdoor : kitesurf, parapente, escalade, randonnée, excursions vers Gibraltar et Tanger.

L'objectif du site était de traduire visuellement l'intimité, le dépaysement et le caractère exclusif du lieu — donner envie avant même de lire une ligne, avec un design éditorial sobre et élégant qui laisse la photographie parler.

Enjeux & objectifs

Le principal défi était d'équilibrer impact visuel et légèreté technique : des photos plein-écran haute résolution, des animations douces, une navigation fluide — le tout sans framework lourd pour garantir des temps de chargement compétitifs sur mobile et en zone rurale (la villa est en dehors des centres urbains). Le site cible une clientèle internationale anglophone, exigeante, habituée aux standards des plateformes de luxe.

La structure devait aussi convertir : chaque section guide naturellement vers la prise de contact ou la demande de disponibilités, sans jamais briser le caractère contemplatif de l'expérience de navigation.

Fonctionnalités clés

• Design éditorial full-screen avec slideshow hero animé (effet zoom Ken Burns custom)
• Navigation sticky transparente avec transition au scroll
• Galerie lightbox responsive sans dépendance externe
• Formulaire de demande de disponibilités intégré
• Section dédiée aux retraites yoga avec tarification et programme
• Carte interactive des expériences et activités locales
• Optimisation mobile-first et performance Core Web Vitals
• Multilingue (EN/ES) nativement

Résultats

Le site reflète fidèlement le positionnement premium de la propriété : sobre, élégant, avec une identité visuelle cohérente du logo au footer. Le taux d'engagement sur la section galerie et le formulaire de contact confirme que l'expérience de navigation convertit efficacement les visiteurs en prospects qualifiés.

Technologies utilisées

Le site est développé entièrement en HTML, CSS et JavaScript vanilla — sans CMS ni framework. Ce choix délibéré garantit des performances maximales, une maintenabilité simple et une absence totale de dépendances tierces. Les animations (slideshow hero, transitions de sections, lightbox) sont codées sur mesure pour correspondre exactement au tempo visuel voulu.

Vous avez un projet dans l'hôtellerie, le tourisme ou le luxe ? Découvrez mes services de création de site web ou contactez-moi directement.