Etude de cas 1
Contexte
LOOPS est un projet fictif de plateforme dédiée au crochet. L’objectif : moderniser l’image d’un art perçu comme traditionnel et créer un espace d’apprentissage et de partage accessible à tous. Je voulais combiner mes trois domaines de prédilection — UI/UX, design graphique et motion design — pour donner vie à un univers artisanal, chaleureux et inclusif.
Problématique
Comment concevoir une plateforme qui rende le crochet attractif, moderne et accessible à tous, tout en valorisant l’art du crochet et en créant du lien entre générations, niveaux et styles, à travers une expérience fluide, ludique, communautaire et engageante ?
Objectifs
Concevoir une identité visuelle moderne et inclusive.
Créer une interface claire, intuitive et responsive.
Mettre en avant l’aspect communautaire et écologique.
Donner vie à une mascotte engageante : Loopsy.
Comprendre les besoins utilisateurs
Observer, écouter, analyser pour concevoir une expérience juste.
Avant de concevoir les premières maquettes, j’ai cherché à comprendre qui sont les futurs utilisateurs de LOOPS et quelles sont leurs attentes.
L’objectif était de créer une plateforme inclusive où chaque profil (enfant, débutant, passionné ou expert) puisse y trouver sa place.
Cette phase de recherche m’a permis d’identifier plusieurs freins récurrents liés à l’apprentissage du crochet et à sa perception actuelle.
Pain point 1
Complexité du vocabulaire
Beaucoup de tutoriels en ligne utilisent un langage technique ou des schémas compliqués, ce qui décourage les débutants.
Pain point 1
Image vieillissante
Le crochet est souvent perçu comme une activité ancienne ou réservée aux seniors, ce qui freine l’intérêt des jeunes générations.
Pain point 1
Manque de communautés
Les passionnés manquent d’un lieu central pour échanger, apprendre ensemble et partager leurs créations.
Démarche UX
J’ai commencé par analyser le public cible à travers des personas représentatifs : enfants, jeunes adultes, parents, retraités…
Objectif : comprendre leurs besoins (simplicité, accessibilité, pédagogie) et leurs freins (langage technique, difficulté numérique).
J’ai ensuite défini une structure de site simple :
Accueil · À propos · Tutoriels · Engagement Crochéco · Galerie · Contact
Un parcours clair, avec des contenus filtrés par niveau et un ton bienveillant et accueillant.
Identité visuelle
L’univers de LOOPS mêle artisanat et modernité :
Palette douce : beige clair, bleu profond, corail et pêche.
Typographies rondes et lisibles (BC Alphapipe, Bryant, Source Sans).
Mascotte Loopsy, symbole du projet : bienveillante, ludique et familière.
L’identité se décline sur l’ensemble des supports (site, réseaux sociaux, affiches, cartes, flyers).
Conception UI
Sur Figma, j’ai d’abord conçu les wireframes avant de réaliser les maquettes desktop et mobile. J’ai structuré l’interface autour d’une navigation fluide, d’une hiérarchie visuelle claire et d’un parcours cohérent pour chaque profil utilisateur. Les visuels et les boutons d’action ont été mis en avant pour renforcer l’engagement, tout en assurant une adaptation complète au responsive. L’intégration a ensuite été effectuée sur WordPress via Elementor, puis testée sur l’ensemble des supports pour garantir une expérience optimale.
Wireframes Desktop :
Wireframes Mobile :
Communication & Réseaux
Pour soutenir le projet, j’ai élaboré une stratégie social media déployée sur Instagram, Facebook et TikTok, en adaptant le ton et les formats à chaque plateforme. J’ai créé des templates cohérents sur Figma afin d’assurer une identité visuelle harmonisée. En parallèle, j’ai conçu des affiches, flyers et cartes de visite en respectant l’identité graphique LOOPS, pour renforcer la communication aussi bien en ligne que sur supports imprimés.