Ce projet a été réalisé dans le cadre d'un projet pédagogique au département de MMI Montbéliard.

design system dynawatch maquette

La première étape de notre projet était la phase de maquettage avec la création d'un wireframe, d'un user-flow, d'une maquette et d'un prototype. Nous avons aussi créer des personas afin de réaliser un bon user-flow.

Pour pouvoir construire une maquette cohérente à 4, nous avons défini un design system. Il est composé du logo et de ses déclinaisons, des différents boutons, des styles de titres et de textes, des pictogrammes, et des différentes couleurs. Nous n'avions plus qu'à piocher parmis ces différents composants pour créer la maquette.

maquette dynawatch accueil maquette dynawatch description produit maquette dynawatch nos valeurs maquette dynawatch nos accesoires maquette dynawatch nos accessoires pop up ajout panier maquette dynawatch personnalisation edition maquette dynawatch personnalisation style maquette dynawatch personnalisation couleur maquette dynawatch personnalisation taille maquette dynawatch personnalisation accessoires maquette dynawatch panier maquette dynawatch livraison maquette dynawatch paiement maquette dynawatch confirmation maquette dynawatch 404
maquette dynawatch

La deuxième étape de ce projet était de développer le site. Pour ce faire, nous avons utilisé le CMS Wordpress et des plugins comme ACF Pro et CPT UI pour développer notre thème personnalisé.

Découvrir le site