Version gîte ludique

E

Résumé

https://colorinweb.fr/gite-ludique/

Un projet personnel : présenter mon parcours comme si j'étais un gîte ludique, une maison de jeux dont chaque pièce est une étape.

Contexte

Et si j'étais un gîte ludique ?

Je conçois des sites internets immersifs pour les lieux d'accueil ludiques. Pour montrer ce que cela donne concrètement, j'ai posé une question simple : et si je devais présenter mon parcours, et que j'étais un gîte ludique ? J'ai voulu que la page soit une maison à part entière, avec ses pièces, son rythme et ses surprises, que le visiteur parcourt avant même de réserver.

Une page pour donner une idée

Ce projet est fictif : il n'a pas de lieu réel derrière lui, donc pas de visite de repérage, de photos prises sur place ni d'histoire de maison à raconter. C'est cette matière-là qui rend un site vraiment unique, et ici elle manque volontairement. La page montre une direction : l'ambiance, le rythme et les effets. Je l'enrichirai avec plus de contenu.

Immersion : inventer le lieu avant de le dessiner

Une maison de jeux, des pièces à visiter, une carte d'arrivée

Le décor est une maison d'hôtes pensée comme une maison de poupée. Chaque pièce est une étape de mon parcours : la chambre turquoise pour la stratégie, la chambre familiale pour l'immersion, les jeux en bois pour la fabrique, la grande salle de jeux pour la visio de repérage, le salon au coin du feu pour ma conviction. Tout est parti de là : le bois, les couleurs, les dés, les porte-clés. Chaque élément de la page vient de ce lieu imaginaire, comme on le ferait en visitant un vrai gîte.

On rentre dans lle gîte ...

Des animations tout le long de la page

Stratégie : une maison de jeux, un vrai contenu

Le défi.

Une maison d'hôtes se présente souvent par un catalogue de chambres et de photos. J'ai voulu une visite qui se joue : chaque pièce raconte une étape de mon vrai parcours. Le visiteur explore, et il lit quelque chose d'utile à chaque pièce.

Effets : ce qui rend la page vivante

Chaque détail vient de la maison, rien n'est hasardeux

  • Les dés. Un bouton lance les dés : une pièce de la maison s'allume, avec un halo jaune et l'étiquette « Votre pièce ! ».
  • La maison. Les pièces sont cliquables et mènent à l'étape correspondante. La cheminée fume et un pion de jeu se promène dans le jardin.
  • Les boîtes d'étapes. Chaque étape est une boîte dont le couvercle s'ouvre quand on arrive dessus.
  • L'ordre de mission. Un pion avance case par case et des confettis marquent l'arrivée.
  • Le compteur de la visio. Un petit REC passe de 0h00 à 1h00 pour montrer la durée de la visite de repérage.
  • Les porte-clés et la carte d'arrivée. Les porte-clés se balancent, la carte d'arrivée se pose et le formulaire envoie un tampon et des confettis.
  • La piste de progression. Une ligne sous l'en-tête suit l'avancée dans la page.
  • La barre du navigateur sur mobile. Elle prend la couleur crème de la page.

Dans mon Portfolio ...