Projet personnel · Concept interactif

Écume — location saisonnière en bord de mer Une expérience web plus immersive pour présenter une location saisonnière.

J’ai imaginé Écume pour montrer comment un site de location peut aller plus loin qu’une simple succession de photos et de caractéristiques, tout en restant simple à parcourir, rapide et agréable sur mobile.

Aperçu desktop du concept Écume — hero immersif pour une location saisonnière

Imaginer autre chose qu’une simple fiche de location

Une location saisonnière ne se résume pas à une liste d’équipements et quelques photos.

Pour Écume, j’ai voulu imaginer une expérience qui donne davantage de place à l’ambiance du séjour : le logement, la lumière, la mer et les moments passés sur place.

L’objectif était de créer un site plus immersif qu’une fiche de location classique, sans compliquer la navigation ni sacrifier les informations pratiques.

Ma solution

Donner envie dès les premières secondes

De grandes photographies, une typographie éditoriale et une mise en page très aérée permettent d’installer immédiatement l’univers du logement avant d’entrer dans les informations plus pratiques.

Utiliser les animations avec mesure

Le scroll accompagne la découverte du logement avec quelques interactions ciblées : changements d’images, transitions et séquences narratives. Les animations restent volontairement discrètes pour ne pas ralentir ou compliquer la navigation.

Adapter réellement l’expérience au mobile

Certaines interactions pensées pour un grand écran deviennent volontairement plus simples sur téléphone. Le but n’était pas de réduire la version desktop, mais de conserver une expérience naturelle et lisible sur chaque format.

Garder une logique fonctionnelle

Le projet ne repose pas uniquement sur l’aspect visuel. Une démonstration de disponibilités permet de choisir des dates et un nombre de voyageurs, puis de calculer un montant fictif avant d’afficher clairement qu’aucune réservation réelle n’est envoyée.

Fonctionnalités clés

  • Hero immersif avec animation légère au scroll
  • Présentation interactive des différentes pièces
  • Galerie d’images avec lightbox
  • Navigation clavier dans la galerie
  • Séquence narrative liée au scroll
  • Informations pratiques sur le logement
  • Simulation de réservation avec validation
  • Calcul dynamique d’un tarif fictif
  • Respect de prefers-reduced-motion
  • Images optimisées en WebP
  • Adaptation spécifique desktop / mobile

Aperçus de l’interface

Une première impression très visuelle

Desktop

Le hero donne immédiatement une place importante à l’image et à l’ambiance du séjour, avec une animation légère qui accompagne le scroll sans prendre le dessus sur le contenu.

Capture desktop du hero immersif du concept Écume

Une version mobile pensée à part entière

Mobile

Sur téléphone, les compositions et interactions sont simplifiées pour conserver une navigation naturelle, des textes lisibles et des actions facilement accessibles.

Capture mobile du concept Écume

Une expérience aussi fonctionnelle

Simulation

La démonstration de réservation permet de choisir des dates et un nombre de voyageurs, de vérifier les saisies et de calculer un montant fictif. Aucun envoi ni paiement réel n’est effectué.

Capture de la simulation de réservation du concept Écume

Ce que ce concept démontre

Écume montre une autre facette de ce que je peux proposer : un site où le design, les photographies et les interactions occupent davantage de place, sans sacrifier la lisibilité, le mobile ou les performances.

Ce type d’approche peut convenir à une location saisonnière, un gîte, un hébergement touristique ou plus largement à une activité qui a besoin de transmettre une ambiance autant que des informations.

Le projet reste volontairement un concept : aucun logement réel, client ou service de réservation n’est représenté.

Vous avez un lieu à mettre en valeur ?

Un gîte, une location ou un projet où l’image compte particulièrement ? Nous pouvons imaginer une expérience adaptée à votre univers, sans ajouter de complexité juste pour impressionner.

Discutons de votre projet

Découvrez d'autres projets

Chaque projet est unique, chaque solution est pensée sur mesure pour son contexte.