Normadie Web Shop

Conception d'un site e-commerce pour le BDE de la NWS

Lors de ce projet, j'ai eu l'opportunité de travailler sur le logiciel "Figma" et d'en découvrir les possibilités. J'ai eu l'occasion d'utiliser WordPress et de me former sur de nouveaux plugins, tel que "WooCommerce".

Image - Normandie Web Shop

Dans le but de nous entraîner à répondre à des demandes clients, l'école nous a positionné sur le projet fictif:
BDE - Normandie Web Shop

    Parmi les missions, j'ai dû :

  • Réaliser un benchmark

  • Concevoir un wireframe et une maquette du site

  • Mettre en forme une fiche produit sur WordPress, en l'optimisant pour le référencement

Analyse des concurrents:
Leurs forces et leurs faiblesses

J'ai comparé plusieurs sites d'autres marques, certains possédaient des éléments intéressants, tandis que d'autres se démarquaient par leur mise en page.

Pour produire un site de qualité et plaisant pour l'utilisateur, j'ai donc regroupé les forces des différents sites. Pour travailler sur le contenu du site, j'ai tout d'abord défini l'arborescence du site et les informations importantes qui devaient s'y retrouver.

Benchmark Normandie Web Shop

Planification du site

J'ai réalisé un wireframe mettant en avant le parcours utilisateur, c'est une façon simple de prévisualiser le site avant sa conception.

Pour la conception de la maquette, j'ai repris la charte graphique de l'école pour que celle-ci corresponde au mieux à son image.

Fiches Produit

Maquette interactive

Normadie Web Shop

Conception d'un site e-commerce pour le BDE de la NWS

Lors de ce projet, j'ai eu l'opportunité de travailler sur le logiciel "Figma" et d'en découvrir les possibilités. J'ai eu l'occasion d'utiliser WordPress et de me former sur de nouveaux plugins, tel que "WooCommerce".

Image - Normandie Web Shop

Dans le but de nous entraîner à répondre à des demandes clients, l'école nous a positionné sur le projet fictif:
BDE - Normandie Web Shop

    Parmi les missions, j'ai dû :

  • Réaliser un benchmark

  • Concevoir un wireframe et une maquette du site

  • Mettre en forme une fiche produit sur WordPress, en l'optimisant pour le référencement

Analyse des concurrents:
Leurs forces et leurs faiblesses

J'ai comparé plusieurs sites d'autres marques, certains possédaient des éléments intéressants, tandis que d'autres se démarquaient par leur mise en page.

Pour produire un site de qualité et plaisant pour l'utilisateur, j'ai donc regroupé les forces des différents sites. Pour travailler sur le contenu du site, j'ai tout d'abord défini l'arborescence du site et les informations importantes qui devaient s'y retrouver.

Benchmark Normandie Web Shop

Planification du site

J'ai réalisé un wireframe mettant en avant le parcours utilisateur, c'est une façon simple de prévisualiser le site avant sa conception.

Pour la conception de la maquette, j'ai repris la charte graphique de l'école pour que celle-ci corresponde au mieux à son image.

Fiches Produit

Maquette interactive