Projet personnel Commerce en ligne Conception assistée par l'IA

Molato Commerce

Une boutique en ligne épurée pensée pour sublimer les produits de mode contemporaine et offrir un parcours d'achat sans friction.

Statut Projet personnel
Rôle Conception UX/UI & parcours client
Période Projet personnel — 2024
Méthode & Stack E-commerce · Assistance IA · Parcours utilisateur
Composition conceptuelle & Direction artistique Capture réelle du projet personnel
Aperçu de l'interface conçue pour le projet Molato Commerce
Contexte & Genèse

L'intention derrière ce projet.

Molato Commerce est une exploration personnelle centrée sur le design e-commerce. Face aux boutiques en ligne souvent saturées de bannières criardes et de sollicitations agressives, j'ai voulu imaginer une interface apaisée où le produit occupe le centre de l'attention et où chaque interaction reste simple et transparente.

Objectifs clés
  • Éliminer toute surcharge visuelle pour privilégier la mise en valeur des vêtements et accessoires.
  • Optimiser l'ergonomie du catalogue avec des filtres instantanés, lisibles et intuitifs.
  • Concevoir une fiche produit complète mais aérée, intégrant guide des tailles et réassurance claire.
  • Garantir une expérience d'achat ultra-rapide et confortable sur écran mobile.
Choix visuels & Design

Direction artistique & Atmosphère.

Ambiance recherchée

Galerie d'art contemporain appliquée au prêt-à-porter : grands espaces blancs, cadrages généreux et typographie discrète.

Palette chromatique

Contraste net noir/blanc cassé complété par des gris minéraux et une touche terracotta pour les interactions clés.

Typographie & Rythme

Typographie sans-serif moderne aux proportions géométriques, assurant une lecture nette des prix et descriptions.

Parcours & Arborescence

Organisation des sections et des écrans.

01

Page d'accueil

Mise en avant éditoriale de la collection du moment et sélection de pièces phares.

02

Catalogue & Filtres

Grille responsive modulable avec tri par catégorie, pointure/taille et disponibilité.

03

Fiche Produit

Galerie visuelle, composition textile, guide des tailles interactif et bouton d'action immédiat.

04

Panier & Récapitulatif

Tunnel d'achat sobre en une page simplifiée réduisant le taux d'abandon.

Méthode & Technologies

Comment ce projet a été réalisé.

Méthode hybride combinant l'assistance par l'IA pour l'analyse des meilleures pratiques e-commerce et la formulation des parcours d'achat, avec une conception d'interfaces rigoureuse orientée mobile-first.

Contribution personnelle

Ce que j'ai réalisé concrètement.

Définition complète du parcours d'achat, design du système de composants e-commerce (cartes produit, modales, tiroir de panier), sélection de la direction artistique et rédaction des fiches.

Enseignements tirés

Approfondissement des mécaniques d'achat en ligne, de l'importance cruciale de la hiérarchie d'information sur petit écran et de la réduction cognitive pour favoriser la décision du visiteur.

Échange & Collaboration

Une approche qui vous parle ?

Si cette démarche de conception vous correspond pour votre projet web ou vitrine, échangeons ensemble.