DevLog #15 Un nouveau cocon pour PeachieFox Studio

Ces derniers jours, j’ai beaucoup retravaillé PeachieFox Studio afin que le site ressemble davantage à mon univers et à la manière dont je souhaite partager mon projet.

L’objectif n’était pas simplement de changer quelques couleurs ou boutons. Je voulais créer un espace plus personnel, plus doux et plus vivant : un véritable petit cocon autour du développement d’Embers of Fog.

Une navigation différente

Le menu classique situé en haut de la page a laissé place à une navigation plus discrète.

Sur le côté gauche se trouve maintenant un bouton Explorer. Une fois connecté, cet espace devient Mon cocon et affiche l’avatar, le cadre équipé ainsi que le pseudo de l’utilisateur.

En ouvrant le menu, on retrouve les différentes parties du site et, lorsque le compte possède les autorisations nécessaires, les accès à l’administration.

L’idée est de garder une navigation claire sans casser l’ambiance visuelle de la page.

Un renard un peu plus vivant

Le renard de la page d’accueil reste volontairement subtil.

J’avais expérimenté des mouvements de tête et un suivi du curseur, mais le résultat paraissait artificiel. J’ai donc choisi de conserver uniquement les effets qui fonctionnent naturellement :

• le clignement des yeux ;
• les fleurs légèrement animées ;
• la brume en mouvement ;
• quelques pétales ;
• les veines de Kintsugi qui s’illuminent doucement.

C’est une bonne leçon pour moi : une animation réussie n’est pas forcément une animation spectaculaire. Parfois, quelques détails discrets suffisent à donner vie à une image.

Un accès plus chaleureux aux comptes

Le bouton de connexion a lui aussi été repensé.

Lorsqu’une personne n’est pas connectée, un bouton Connexion · Créer mon cocon apparaît directement sous le renard. Son léger battement lumineux sert à attirer le regard sans devenir agressif.

Une fois connecté, le bouton est remplacé par un message personnalisé :

Bonjour, pseudo.

Que cette visite t’offre une petite étincelle.

Lorsqu’un compte vient d’être créé, le site réserve un accueil particulier :

Bienvenue, pseudo.

Ton cocon vient de s’ouvrir. Prends doucement tes marques.

Ce message de bienvenue ne s’affiche qu’une fois, juste après l’inscription. Les visites suivantes retrouvent ensuite le petit bonjour habituel.

Des contacts intégrés à l’univers

La zone de contact a été transformée en un petit dock interactif.

Chaque lettre du mot CONTACT peut révéler l’icône d’un réseau au survol. On y retrouve notamment Instagram, Pinterest, YouTube, TikTok et X.

Cette navigation est également présente dans le pied de page afin de conserver une expérience cohérente sur l’ensemble du site.

Un site qui évolue avec le projet

PeachieFox Studio est encore en construction, exactement comme Embers of Fog et comme mon apprentissage du développement.

Je découvre, je teste, je me trompe parfois, puis je recommence autrement. Certaines idées restent, d’autres sont retirées lorsqu’elles ne fonctionnent pas aussi bien que prévu.

Ce travail m’aide à mieux comprendre l’interface, les animations, l’accessibilité et la manière de construire une expérience cohérente sans sacrifier les performances.

Le site continuera donc d’évoluer avec moi, morceau après morceau — un peu comme une réparation au Kintsugi.

Merci à toutes les personnes qui suivent cette aventure et prennent le temps de découvrir mon univers. 🧡