Le but  de ce projet était de réaliser un site e-commerce pour la vente d’une montre connectée Samsung Watch Active 2. Ce projet était à réaliser en groupe lors de ma licence professionnelle en webdesign.

À travers ce projet, il fallait faire un site avec un design attirant qui répondait aux attentes des utilisateurs en utilisant les techniques UI/UX design . Le but étant de bien cibler nos usagers et de leur proposer un produit facile à personnaliser et à acheter.

Processus du projet

UX design 

Phase de recherche et d’analyse 

Afin de mieux se situer, nous avons fait un audit concurrentiel (benchmark). Nous avons également fait un positionnement des concurrents de la marque pour mieux comprendre leurs stratégies et définir par la suite les persona.

Phase de conception

Dans cette phase nous avons réalisé la mise en place d’une arborescence. Il s’agit de la structure sur laquelle va reposer tout l’ensemble de notre site.
Elle va permettre d’avoir une visibilité sur l’ensemble des pages et des contenus.

Pour mieux comprendre l’arborescence et pour mieux comprendre les besoin des utilisateurs, nous avons utilisé la méthode des post-it. Cette méthode a pour but de hiérarchiser l’information et de mettre à plat l’ensemble des idées. Nous avons listé tous les types de contenus et fonctionnalités sur les post-it et les regroupez par la suite d’une manière logique et cohérente.

Post-it du projet

Outil : https://www.mural.co/ 

Arborescence

Outil : https://coggle.it/

User flow

Outil : https://whimsical.com/ 

Il s’agit de l’ensemble des parcours possibles empruntés par l’utilisateur. Ce type de parcours permet d’optimiser l’expérience en déterminant des points clés d’optimisation ou des points de frictions qui peuvent etre bloquant.

Wireframe

UI design 

Moodboard

Outil : Invision

Design system

Outil : Invision

Maquette Graphique

Outil : Adobe XD