Aller au contenu

Santa's Village.

Un village enneigé dans le navigateur, où chaque bâtiment ouvre un Noël différent et où quelque chose de nouveau apparaît chaque jour de l’Avent.

Client
Santa's Village (notre propre produit)
Année
2026
Rôle
Produit, design, front-end
Périmètre
Web app en quatre langues
Stack
React · Vite · Three.js · Motion

01 / Le problème

La plupart des sites de Noël ne sont qu’une page de publicités surmontée d’un compte à rebours. Les familles méritaient un lieu à visiter.

Santa’s Village est un produit que nous concevons et exploitons nous-mêmes. Douze bâtiments, de la cuisine de Mère Noël à l’observatoire, abritent chacun leur propre mois de décembre : recettes, histoires du soir, chansons, jeux et lettres au Père Noël.

La règle depuis le premier jour : une seule publicité discrète en bas de page, jamais personnalisée et jamais dans un jeu, et tout ce qu’un enfant crée reste sur son appareil.

02 / Le système

Ciel de nuit, or de lanterne, un seul rouge baie.

Une palette d’hiver sombre, avec un texte blanc neige et un or de lanterne pour les moments chaleureux. Le rouge baie est réservé à la seule action qui compte sur chaque écran. Une police de livre de contes porte les titres et le compte à rebours ; une linéale simple et arrondie facilite la lecture, pour les parents comme pour les enfants.

Couleur

  • Night#131C27
  • Frost#1E2A38
  • Snow#F6ECDB
  • Lantern#F7D27A
  • Berry#C8372D
  • Pine#2F7A59

Typographie

Titrage
Berkshire Swash
Texte
Didact Gothic
Chiffres
Berkshire Swash

Angles

18 px

03 / Le développement

Un village à faire tourner dans la main.

L’écran d’accueil est un village 3D vivant que l’on fait pivoter en le faisant glisser et dont on touche les bâtiments pour y entrer. Autour, le site se comporte comme une app : une barre en bas sur mobile, un rail latéral sur ordinateur, un réglage des animations, et l’anglais, le néerlandais, le français et le grec. Hors saison, le village dort, avec un compte à rebours jusqu’au réveil des lutins en novembre.

04 / Écrans

santasvillage.app
Santa's Village dans un navigateur de bureau
Santa's Village sur un smartphone

Le village, sur ordinateur et sur mobile.

05 / Le résultat

Ce que nous suivons.

Santa’s Village est en ligne : ce sont donc de vraies mesures.

  • 01

    Retours quotidiens

    Familles qui reviennent chaque jour de l’Avent pour ouvrir la case suivante.

  • 02

    Temps passé au village

    Durée d’une visite, et nombre de bâtiments parcourus.

  • 03

    Chocolats chauds

    Les pourboires des visiteurs, le signe le plus clair que le village mérite sa place.

Projet suivantNOORD

Gratuit · 30 minutes

Vous voulez la même chose pour votre produit ? Repartez avec un plan.

Réserver un appel design