Materiel.net
Responsive Website E-commerce

Le projet

J'ai été embauché fin 2017 chez Materiel.net ayant pour objectif la refonte complète du site.

Acteur majeur de l'e-commerce pour l'informatique et la high-tech, Materiel.net se devait d'évoluer afin de répondre aux exigences actuelles du web. J'ai travaillé sur des problématiques diverses : définition d'une nouvelle direction artistique, élaboration de wireframes et de prototypes puis création de pages, mise en place de la version responsive du site. Le projet a été conçu avec à la méthode Agile, ce qui nous a permis de fluidifier les échanges et d'avancer le plus efficacement possible avec les différents internevants (développeurs front/back, PO...). Le site reste en constante évolutions afin de répondre au mieux aux attentes des clients, quelque soit leurs devices.

Le Design

Materiel.net design UI

Atomic Design

  • Atomic design Materiel.net UI UX
  • Afin de faciliter la conception et l'évolution des différents types de contenus sur différents supports, nous avons opté pour l'Atomic design. Designers et développeurs front ont utilisé une bibliothèque de composants commune afin de gagner en cohérence. Les modifications et évolutions apportées tout au long du projet ont pu être réalisées en toute simplicité.

La fiche produit

Page incontournable, la fiche produit Materiel.net est la plus claire et la plus complète possible. Elle s'articule autour de différents modules (présentation produit, caractéristiques, avis, questions/réponses) accessibles par une navigation spécifique sur desktop, ainsi que la possibilité d'ajouter le produit au panier depuis n'importe quel endroit de la page.

UI UX design fiche produit Materiel.net
fiche produit Materiel.net mobile design
fiche produit Materiel.net mobile design

Le listing produit

Le listing est également très important, c'est ici que les utilisateurs consultent le catalogue produits. Afin de les guider au mieux, le listing se base sur un système de facettes très riche. Ces facettes sont accessibles depuis un layer sur mobile.

Webdesign listing e-commerce Materiel.net