🗺️ Vue d'Ensemble
Le Voyage Émotionnel en 4 Mouvements
Cette cartographie n'est pas technique, mais une boussole du ressenti. Elle guide le design pour honorer les états émotionnels traversés par le visiteur, de la curiosité à l'appartenance.
Mouvement 1 : L'ARRIVÉE (Hero)
État Visé: Curiosité ouverte + Attente douce.
Tonalité: Accueil chaleureux, invitation sans pression.
Mouvement 2 : LA RECONNAISSANCE (Reliance)
État Visé: "Ah, c'est ça" + Résonance.
Tonalité: Validation, sentiment d'être compris·e.
Mouvement 3 : L'EXPLORATION (Chemins)
État Visé: Curiosité engagée + Liberté.
Tonalité: Découverte joyeuse, choix assumé.
Mouvement 4 : LA RESPIRATION (Souffle)
État Visé: Apaisement + Appartenance.
Tonalité: Repos, connexion profonde.
🌊 Mouvement 1 : L'Arrivée (Hero)
Accueillir le visiteur fatigué du bruit informationnel. Lui faire sentir immédiatement : "Ici, on peut souffler".
🎨 Traduction Design :
- Fond clair, espace blanc généreux → Respiration
- Typo grande, lisible (Barlow) → Clarté
- Animations douces (pulse, fade-in) → Accueil
- Texte court, 3 verbes simples → Accessibilité
- Sous-texte: "se ressent avant de se comprendre" → Permission
🎯 Objectif Émotionnel :
"Cet endroit est différent. Je peux prendre mon temps. Ça résonne. Je veux en savoir plus."
⚠️ Vigilances :
À éviter :
- Trop de texte explicatif
- Animations flashy / rapides
- Jargon conceptuel immédiat
- CTA agressifs
À cultiver :
- Simplicité radicale
- Chaleur visuelle
- Invitation douce
- Permission
⚠️ Vigilances :
À éviter :
- Trop de texte sous chaque mot
- Interactions complexes
- Design chargé
À cultiver :
- Simplicité interactive
- Beauté organique
- Clarté immédiate
- Sentiment de "vivant"
💫 Mouvement 2 : La Reconnaissance (Reliance)
Valider le ressenti initial. Permettre au visiteur de se reconnaître dans les mots clés (Exprimer, Entendu, Partager...). Faire sentir : "Je ne suis pas seul·e".
🎨 Traduction Design :
- 6 cercles interconnectés (mots de Pauline) → Validation
- Pulsation légère, fils lumineux → Vivant, Organique
- Au survol: illumination, micro-texte → Interaction douce
- Au centre: "Et pour vous ?" → Invitation à la résonance
🎯 Objectif Émotionnel :
"Ces mots décrivent mon expérience. La reliance est concrète et ressentie. Je veux explorer comment ça se vit ici."
🌍 Mouvement 3 : L'Exploration (Chemins)
Offrir des portes d'entrée claires pour répondre à "Par où commencer ?". Valoriser la liberté de choix selon l'élan du moment.
🎨 Traduction Design :
- 3 Chemins clairs (Explorer, Rejoindre, Contribuer) → Simplicité
- Présentation égale, sans hiérarchie → Liberté
- Sous-texte concis, bouton d'action clair → Guidage
- Couleur orange = Exploration/Action
- Couleur verte = Engagement/Mutualité
🎯 Objectif Émotionnel :
"Les options sont claires. Je suis libre de choisir selon mon élan. Aucun chemin ne me juge. Je sens lequel m'appelle."
⚠️ Vigilances :
À éviter :
- Hiérarchiser les chemins
- Trop de texte explicatif
- Interactions complexes
À cultiver :
- Égalité visuelle
- Clarté du sous-texte
- Design épuré
- Liberté ressentie
⚠️ Vigilances :
À éviter :
- Surcharger visuellement
- Ajouter des CTA ici
- Animations rapides
À cultiver :
- Minimalisme radical
- Respiration visible
- Beauté simple
- Permission de contempler
🌬️ Mouvement 4 : La Respiration (Souffle)
Offrir une pause, un moment d'intégration après l'exploration. Connecter au cœur D#CS (Reliance, Lucidité, Soin, Joie) sans pression.
🎨 Traduction Design :
- Texte central: Les 4 battements ou le Souffle en 4 temps → Essence
- Fond doux, espace généreux → Apaisement
- Animation de respiration lente (pulse, opacité) → Vivant
- Pas de CTA, juste une présence → Contemplation
🎯 Objectif Émotionnel :
"J'ai compris l'essence. Je me sens apaisé·e. Ces 4 mots résonnent. Je peux repartir serein·e ou continuer."
🌱 Éléments Transversaux
Signaux de Vitalité & Transitions Sensibles
🌾 Signaux de Vitalité Organiques
Montrer que l'écosystème respire sans métriques froides.
-
●
Pouls de la communauté
Ondes lumineuses pour chaque contribution.
-
🌱
Graines en germination
Contributions récentes qui "grandissent" avec les résonances.
-
✨
Ciel des reliances
Visualisation nocturne des connexions invisibles.
Vigilance: Poésie visuelle, subtilité, pas de surcharge.
🌊 Transitions Sensibles
Assurer la fluidité émotionnelle entre les mouvements.
-
→
Hero → Reliance
Scroll doux, fade-in. De l'accueil à la validation.
-
→
Reliance → Chemins
Changement de fond subtil. De la reconnaissance à l'action.
-
→
Chemins → Souffle
Ralentissement visuel, fond apaisant. De l'exploration à la contemplation.
Principe: Fluidité, pas de rupture brusque.
💎 Principes Transversaux : Le Fil Rouge Émotionnel
Respiration Constante
Espace blanc, animations lentes, pas de pression.
Permission de Ne Pas Tout Comprendre
Simplicité, montrer > expliquer.
Beauté Organique
Design vivant, couleurs chaleureuses, typo humaine.
Hospitalité Radicale
Accueil sans jugement, liberté, "Bienvenu·e tel·le que tu es".
✨ Conclusion : Le Design comme Acte d'Hospitalité
Cette cartographie sensible n'est pas une fin en soi, mais une boussole pour guider le ciselage de WeMob. Elle nous rappelle que le design le plus juste est celui qui accueille le ressenti avant la fonction.
Une carte n'est pas le territoire.
Mais une partition sensible
peut guider la danse.
P#C Scellé le 23 Octobre 2025 | D#CS - WeMob | Licence EspritOFF