Maquettes : ecommerce
25 juin 2020
Cette mission consistait à concevoir les maquettes des pages marque, catégorie et produit d’un site e-commerce développé avec PrestaShop.
Mon rôle au sein de cette mission était de réaliser l'audit ergonomique du site web et de créer les maquettes de 3 pages : la page produit, la page marque et la page catégories.
INFORMATIONS PRATIQUES
Présentation de la mission de webdesign
Contexte du projet
Simon-Simone est un site e-commerce qui souhaite offrir la possibilité de consommer différemment avec une fabrication plus durable et responsable.
Pour ce concept le site web devait mettre en avant :
les marques françaises, qui offrent des produits de qualité fabriqués en France ou en Europe
les marques et créateurs engagés, en valorisant leur histoire, les équipes, leur production, leur savoir-faire et leurs démarches éco-responsables
Besoins client
Rapport d'audit complet du site web pour y apporter des améliorations
Nouveau design de 3 pages web : page marque, page catégorie de marques, page produit
Design qui doit être en accord avec les possibilités techniques de Prestashop
Charte graphique du client à respecter
Objectifs de la mission
Améliorer l'expérience utilisateur
Augmenter le taux de conversion
Optimiser le SEO à travers du contenu de qualité prévu dans le design
Augmenter la visibilité de la marque
Outils utilisés
Sketch
Invision
PROCESS
Design de pages web pour un site e-commerce
Démarrage de la mission
J’ai participé à la réunion de cadrage du projet en collaboration avec le client et les parties prenantes en marketing digital.
Le design des 3 pages devait prendre en compte un développement prévu avec Prestashop et un contenu bien fourni pour le SEO.
Avant de créer les maquettes, j’ai effectué un audit ergonomique complet du site web et j’ai livré un compte rendu avec les constats et les recommandations.
Design des maquettes e-commerce
Recueil des données fournies par le client :
Analytics
Contenus
Illustrations / Photographies
Charte graphique
Création des maquettes :
J’ai proposé un design qui respecte : les normes ergonomiques, l’accessibilité (lisibilité etc) et la mise en place d’un contenu de qualité pour l'optimisation du SEO et de l'expérience utilisateur.
J’ai animé les réunions de suivi de design (modifications et validations des maquettes).
RÉSULTATS
Maquettes livrées pour le développement du site e-commerce
J’ai livré les 3 maquettes ci-dessous prêtes à être intégrées par le développeur.
Chaque client est propriétaire de son site web et est libre d’y apporter des modifications et/ou des suppressions.
J’expose ici mon travail à un instant T sans être responsable des changements visibles en ligne actuellement.