Follow Me:
"Ce projet de refonte fictif m'a permis de pousser les limites de Figma en concevant une interface épurée, moderne et performante pour la plus grande librairie indépendante de France à Bordeaux. L'objectif était de simplifier le parcours d'achat sans perdre l'âme culturelle de Mollat." — Sandy Kanaan, UX/UI Designer
Concept UI/UX Mobile & Desktop / Recherche Utilisateur
Refonte UI/UX & Design d'Interface E-Commerce
Projet de Recherche Utilisateur & Prototypage Mobile / Desktop
La Librairie Mollat est une institution culturelle incontournable à Bordeaux et la plus grande librairie indépendante de France. Ce projet personnel de refonte globale consistait à réimaginer entièrement l’architecture et l’interface visuelle de leur site internet e-commerce actuel.
L’objectif principal de cet exercice intensif sur Figma était de moderniser l’expérience utilisateur (UX) globale. Il s’agissait de transformer un catalogue extrêmement dense en une plateforme numérique épurée, fluide et hautement performante, tout en conservant l’esprit littéraire et humain propre à la marque Mollat.
Ce travail de conception UI/UX visait à résoudre les principaux points de friction des sites e-commerce de grande envergure pour maximiser l’engagement et le taux de conversion :
• Clarifier l’architecture de l’information pour rendre la navigation intuitive à travers des dizaines de milliers de références littéraires.
• Concevoir une interface moderne et minimaliste valorisant le confort visuel et la mise en avant des ouvrages.
• Optimiser le parcours d’achat (tunnel de commande) en le rendant plus rapide et adapté aux exigences du e-commerce actuel.
• Créer un système de composants (Design System) complet, réutilisable et parfaitement structuré sur Figma.
Le processus de refonte a été guidé par une analyse critique du site existant, menant à une réinterprétation visuelle complète sur les formats Desktop et Mobile.
• Recherche UX & Simplification : Analyse des comportements de recherche des utilisateurs. J’ai repensé entièrement la barre de recherche prédictive, restructuré les catégories de produits et simplifié le système de filtres pour permettre une découverte fluide des livres.
• Direction Artistique & UI Design : Choix d’une esthétique haut de gamme faisant la part belle aux espaces blancs (white space) et à une typographie élégante pour un confort de lecture optimal. Les couvertures de livres deviennent les éléments visuels centraux de l’interface.
• Expérience Panier & Click & Collect : Simplification radicale des étapes de validation du panier et intégration graphique d’un parcours de retrait rapide en magasin (« Click & Collect » à Bordeaux), liant l’expérience numérique au commerce physique.
• Interactivité & Prototypage : Exploitation avancée des fonctionnalités de Figma (Auto-layout, variables, composants interactifs) pour concevoir un prototype dynamique simulant un parcours utilisateur complet, de la recherche d’un livre jusqu’à son achat.
• Maquettes haute fidélité complètes pour écrans Desktop et terminaux Mobiles.
• Design System complet (bibliothèque de composants atomiques, grilles de mise en page, styles de caractères et palettes de couleurs).
• Prototype interactif utilisateur fonctionnel simulant la recherche de produits et le tunnel d’achat e-commerce.
• Étude de cas sur la restructuration d’une interface e-commerce à fort catalogue.
