Maquettes : ecommerce

Gens qui font du shopping
Gens qui font du shopping
Gens qui font du shopping

25 juin 2020

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

Homme dans un magasin
Homme dans un magasin
Homme dans un magasin
Homme dans les nuages
Homme dans les nuages
Homme dans les nuages

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

Shopping et foule
Shopping et foule
Shopping et foule

PROCESS

Design de pages web pour un site e-commerce

Démarrage de la mission

Compte rendu audit ergonomique
Compte rendu audit ergonomique
Compte rendu audit ergonomique

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

  1. Recueil des données fournies par le client :

    • Analytics

    • Contenus

    • Illustrations / Photographies

    • Charte graphique


  2. 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).

Restitution audit ergonomique
Restitution audit ergonomique
Restitution audit ergonomique

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.

Maquette de la page produit
Maquette de la page produit
Maquette de la page produit
Maquette de la page catégories
Maquette de la page catégories
Maquette de la page catégories
Maquette de la page marque
Maquette de la page marque
Maquette de la page marque

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.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.