E-commerce
PARTICULES EN SUSPENSION
Particules en suspension est un magasin et une boutique en ligne qui est basée sur la vente de cadeaux et d’objets originaux en tout genre. Axés sur la décoration, l’alimentaire, les jeux, la librairie et le textile.
.Le projet,
Particules en suspension est un site web qui existait déjà et mon objectif a été de le transformer, le rendre plus simple pour l’utilisateur et lui apporter un aspect visuel plus attractif.
Le site est en cours de construction, les images du site web ne sont pas le résultat final, car cette boutique en ligne est active, les changements doivent donc se faire progressivement.
MAQUETTE,
HOME
BOUTIQUE
ARTICLE
ARBORESCENCE DES CATÉGORIES,
PES – Arborescence
PES – Arborescence 2
SITE WEB,
HOME
BOUTIQUE
INSPIRATION
.Les logiciels et les plugins utilisés,
Voici les différents logiciels ou plugins utilisés pour l’élaboration du projet.
Ai
ILLUSTRATOR
FIGMA
WORDPRESS
THEME DIVI
ECWID
BY LIGHTSPEED
.Le processus et les étapes du projet,
CONCEPTION
MAQUETTE
FIGMA
Tout d’abord, j’ai analysé le site actuel avec mes collègues, la hiérarchisation de l’information qui était sans retenue, catastrophique. Nous sommes également allées sur place, dans les deux magasins à Lausanne, pour se rendre compte de la disposition des articles et prendre la température de l’ambiance artistique.
Puis, j’ai conçu une maquette avec toutes les informations recueillit à l’aide de Figma.
DÉVÉLOPPEMENT
WEB / CMS
WORDPRESS / ECWID
Dès la maquette validée, j’ai commencé à me familiariser avec le plugin Ecwid, que je n’avais jamais utilisé jusqu’à présent. Puis j’ai créé la maquette à l’aide de WordPress et ajouté du code CSS et JavaScript. Ce site web a été très challengeant, car j’ai été confronté à plusieurs problèmes de code et de visuel. Au départ le plugin Ecwid ne fonctionnait pas avec le thème choisi « Divi ». Puis petit à petit, le visuel à pris forme avec beaucoup de patientes, car le code, c’est en réalité devoir trouver sans cesse des solutions.
CREATION
ICÔNES / ARBORESCENCE
Illustrator / Figma / ECWID
En même temps que la création de la maquette, j’ai créé des icônes qui se réfèrent aux grandes catégories du magasin, sur Illustrator.
A l’aide de post-it et de débat, nous avons décortiqué toute l’arborescence de Particules avec mon collègue, pour ainsi trouver le meilleur moyen de simplifier l’expérience utilisateur.
Conclusion
analyse
Alison Sedo
Ce projet a été compliqué au départ, car je touchais un plugin inconnu et assez compliqué. J’ai souvent été bloqué, puis en prenant le problème dans un autre sens la situation s’améliorait. Je suis ravi d’avoir pu expérimenter des problématiques de ce genre, car c’est de cette façon qu’on apprend le mieux.
Le site est toujours en cours, des changements sont à venir et maintenant, je sais quelle posture prendre pour avancer.