Création Primaire Média
- Rôle
- Recherche UX, identité visuelle, webdesign e-commerce
- Durée
- 4 semaines
- Outils
- Figma ; WordPress, WooCommerce
- Contexte
- Client réel : Association
Brief : Créer l'identité visuelle et la structure d'une boutique en ligne WooCommerce. Le site existait, mais sans identité visuelle ni stratégie de marque.
Objectif : Structurer le parcours d'achat, du produit à la confirmation de commande, pour améliorer la conversion.
Livrables : Recherche UX, benchmark, zoning, wireframes, design system et UI Kit, webdesign complet, charte graphique, carte de visite.
Point de départ : un site sans identité
Primaire disposait d'une vitrine en ligne sans identité visuelle établie ni stratégie de marque. Le site, vieillissant, n'avait ni storytelling produit ni structure orientée vers la conversion. La mission : créer l'identité et la plateforme de vente.
Benchmark, zoning, wireframes
Pour concevoir le tunnel de vente, j'ai analysé les standards du secteur et les sites qui inspirent confiance (8 sites benchmarkés), ainsi que les habitudes d'achat de la cible. Cette analyse a nourri le zoning et la hiérarchie des pages clés. Les wireframes tiennent compte des contraintes de WooCommerce, en particulier pour le panier et la page compte.
Identité et design system
Le design system et l'UI Kit ont été créés sans héritage visuel. La palette (orange et blanc) et les typographies sont minimalistes, pour que le produit reste l'élément central de l'interface. La charte s'applique à tout le tunnel, de l'accueil à la page de confirmation de commande.
Tunnel d'achat et fiches produits
Le checkout est guidé par des éléments de réassurance et des appels à l'action placés à chaque étape. Les fiches produits mettent l'article en avant et facilitent l'ajout au panier. Comparaisons ci-dessous : hero, contact, blog, footer.
Ce que j'en retiens
Sans cadre fixé par un client, j'ai endossé seul les décisions de direction artistique et formalisé ma méthode. Le projet m'a obligé à apprendre les règles d'ergonomie du e-commerce et à me fixer des limites pour garder la conversion comme objectif.
Résultats
Tous les livrables,
dans un seul dossier.
Tous les documents du projet au format PDF, réunis dans une archive prête à télécharger.
