Le Schmilblick
Rôle : UX/UI Designer & UX Researcher
Durée : Janvier 2026 ( 3 Mois )
👁️ Project Vision
Le Schmilblick est un café culturel et solidaire à Montrouge qui rassemble les habitants autour d’événements, de moments conviviaux et d’initiatives locales.
Le site existant manquait de clarté, ce qui rendait difficile la découverte des activités et l’engagement avec l’association.
Cette refonte vise à créer une expérience plus chaleureuse, accessible et engageante, fidèle à l’esprit humain du lieu.
🎯 Mon objectif
Créer un site web clair, accueillant et intuitif permettant de découvrir facilement le café, les événements et les façons de s’impliquer.
L’objectif était aussi de rendre l’association plus accessible et attractive pour les nouveaux visiteurs.
❌ Pain Points
-
Navigation confuse
Difficulté à trouver rapidement les informations importantes.
-
Site peu attractif
L’interface ne reflète pas l’ambiance chaleureuse du lieu.
-
Infos dispersées
Événements, café et engagement manquent de structure claire.
-
Peu d’incitation à agir
Faire un don, devenir bénévole ou adhérer n’est pas assez visible.
-
Expérience mobile limitéeNavigation moins intuitive sur petit écran.
Before
After
Processus de design
J’ai suivi les étapes du Design Thinking, avec une approche centrée utilisateur pour identifier les besoins réels et construire une expérience plus intuitive et inclusive.
Processus UX : de la recherche au prototype
Empathize
• User research
• Competitive Analysis
• Empathy maps
•Interviews
• Pain points
Define
• Problem statement
• Personas
• User stories
• User journey map
Ideate
• Goal Statement
• User tasks
• User flow
Prototype
• Paper wireframes
• Digital wireframes
• Lo-fi prototype
• Usability study
Test & Iterate
• Hi-fi prototype
• Feedback utilisateur
• Takeaways
EMPATHIZE
• User research • Competitive analysis • Empathy maps • Interviews • Pain Points
User research
J’ai mené plusieurs entretiens utilisateurs afin de mieux comprendre les attentes, freins et motivations autour des cafés associatifs et de l’engagement local. Cela a permis d’identifier un besoin de clarté, de réassurance et d’accès rapide aux informations essentielles.
Competitive Analysis
J’ai analysé plusieurs plateformes associatives et solidaires afin d’identifier les bonnes pratiques UX et les points de friction. Cette étude m’a aidée à concevoir une expérience plus chaleureuse, claire et engageante pour Le Schmilblick.
Je Veux Aider
✅
Filtres puissants et parcours très fluide, pensé mobile-first.
❌
Beaucoup d’informations et expérience parfois peu humaine.
Tous Bénévole
✅
Recherche détaillée avec de nombreux filtres précis.
❌
Interface vieillissante et peu engageante visuellement.
Croix-Rouge
✅
Forte identité visuelle et CTA clairs qui inspirent confiance.
❌
Peu de filtres et expérience limitée à un seul organisme.
.png){kind=small}
Je veux m’engager
✅
Informations fiables et très complètes.
❌
Navigation complexe et contenu trop dense.
France Bénévolat
✅
Ton humain et navigation intuitive dès l’accueil.
❌
Menu large et design un peu daté sur mobile.
Empathy Map
📄 Empathy Map : 4 Test’s (Link)
Pain Points
01
Manque de repères
Difficulté à comprendre comment découvrir les activités et s’impliquer.
02
Frein social
Peur de ne pas avoir le bon profil ou de ne pas être à sa place.
03
Temps limité
Besoin d’informations rapides et faciles à comprendre.
04
Infos peu claires
Difficulté à trouver les infos essentielles sur les activités.
DEFINE
• Problem statement • Personas • User stories • User journey map
Problem statement
Personas
User Journey Map
IDEATE
• Goal statement • User tasks • User flow
Goal Statement
User Tasks
User Flow
Le parcours utilisateur de Parissi simplifie la découverte d’événements grâce à la recherche rapide, la carte et les filtres. Chaque fiche met en avant les informations essentielles et des actions utiles comme favoris, agenda, météo , itinéraire, accessibilité, localisation, partage ou réservation.
Before :
After :
PROTOTYPE
• Paper wireframes • Digital wireframes • Lo-Fi Prototype • Usability study
Papier Wireframes
J’ai exploré 8 wireframes papier (Crazy 8) pour tester rapidement différentes idées de structure et de navigation. Cette étape m’a aidée à sélectionner les éléments les plus pertinents pour une expérience plus claire et intuitive.
Digital wireframes
Homepage
J’ai créé les wireframes digitaux sur Figma pour structurer la homepage, clarifier la navigation et améliorer l’expérience utilisateur.
S'engager
Une page conçue pour simplifier l’engagement, avec deux actions claires : faire un don ou devenir bénévole. La structure guide l’utilisateur vers une action rapide et intuitive.
Digital wireframes
Lo-fi prototype
Le prototype low-fidelity a été conçu pour guider l’utilisateur de façon simple et fluide entre les pages clés (agenda, café, engagement, association). Il met en avant un accès rapide aux informations essentielles et aux actions principales, comme découvrir un événement ou s’engager.
Insights clés des tests
Links étude :
🎨 Figma :
Le Schmilblick
📄 Case Study :
Le Schmilblick (Google Slides)
Usability study: findings
Les tests utilisateurs ont permis d’identifier des pistes d’amélioration autour de la navigation, de la clarté des contenus et du passage à l’action.
Round 1
Findings
-
Recherche rapide
Les utilisateur·rice·s veulent trouver rapidement un événement ou une info.
-
Navigation claire
Les sections clés (agenda, café, engagement) doivent être plus faciles à comprendre.
-
CTA visibles
Les actions importantes doivent être plus visibles et rassurantes.
Round 2
Accélérer la recherche
-
Recherche rapide
Les utilisateur·rice·s veulent trouver rapidement un événement ou une info.
-
Navigation claire
Les sections clés (agenda, café, engagement) doivent être plus faciles à comprendre.
-
CTA visibles
Les actions importantes doivent être plus visibles et rassurantes.
Test & Iterate
• Hi-fi prototype • Feedback utilisateur • Takeaways
Hi-fi prototype
Suite aux tests utilisateurs, le design a été affiné pour rendre l’expérience plus claire et engageante. Le prototype high-fidelity optimise la navigation et guide plus facilement l’utilisateur vers les actions clés.
Accessibilité
L’accessibilité a été intégrée au cœur du design afin de rendre l’expérience plus simple, claire et inclusive.
01
Contrastes élevés
Des couleurs par thématique et une hiérarchie de texte plus visible pour améliorer la lisibilité.
02
Navigation claire
Des CTA plus grands et visibles, avec un bouton retour accessible pour simplifier la navigation.
03
Langage inclusif
Un contenu clair et inclusif, accompagné d’un menu retravaillé pour être plus simple et moins confus.
Key website pages
J’ai conçu les 5 pages principales du site web pour simplifier la navigation et mieux refléter l’univers du Schmilblick : Homepage, Café & Cantine, Agenda, S’engager et L’Association.
Chaque page a été pensée avec une identité visuelle forte, des informations plus claires et un accès rapide aux actions clés.
Material Design System
Afin de garantir une expérience cohérente et accessible, j’ai créé un design system regroupant couleurs, typographies, composants et icônes. Cette base m’a permis d’assurer une interface homogène, adaptable en light & dark mode, tout en facilitant l’évolution future du produit.
Mobile experience
Suite aux tests utilisateurs, l’expérience mobile a été simplifiée avec une meilleure hiérarchie visuelle, une navigation plus claire et un accès plus rapide aux contenus essentiels.
📱 Site Web : Le Schmilblick
Recherche utilisateur
Nous avons présenté le prototype à 5 utilisateur·rice·s afin de recueillir leurs retours sur la navigation, la clarté des informations et les actions principales du site. Les échanges ont permis d’identifier des améliorations autour de la lisibilité, de l’engagement et de la simplicité du parcours.
“C’est beaucoup plus simple de trouver ce que je cherche.”
“J’aime bien les couleurs, ça donne envie de découvrir le lieu.”
“Je trouve les infos importantes rapidement, c’est rassurant.”
Takeaways & prochaines étapes
Ce projet m’a appris à utiliser les couleurs, les contrastes et la hiérarchie visuelle pour créer une expérience plus engageante. J’ai aussi compris comment rendre un design plus vivant tout en gardant une navigation simple et claire.
La refonte rend le site plus clair, chaleureux et engageant, tout en reflétant mieux l’esprit associatif du Schmilblick. L’objectif : donner envie de découvrir le lieu, participer et s’impliquer plus facilement.
🤝
Collaboration avec l’association
Proposer officiellement la refonte du site au Schmilblick pour concrétiser le projet.
📝
Tests & améliorations
Réaliser de nouveaux tests utilisateurs pour affiner l’expérience et le prototype.
📱🖥️
Version responsive & inclusive
Développer une version mobile responsive et renforcer l’accessibilité du site.
👁️
Mise en ligne & communication
Développer le site final et accompagner le lancement avec une communication autour de la refonte.
THANK YOU MERCI
Restons en contact !
Merci d’avoir pris le temps de découvrir mon travail sur l’application Pétale.
Si vous souhaitez en voir plus ou échanger avec moi, voici mes coordonnées :