Storeales

Image projet site e-commerce de vêtements à Rennes Image mobile projet site e-commerce de vêtements à Rennes

Tous les deux passionnés par la mode, Yann et Lisa souhaitaient réaliser leur rêve de travailler dans cet univers. Pour eux, la mode est la manière de décider de l’image que l’on transmet de nous au monde extérieur. Dans un environnement complexe suite au COVID-19, ils ont souhaité se tourner exclusivement sur la vente en ligne. Du début à la fin, ils ont su me faire confiance et donner les clés pour réaliser ce projet de site internet e-commerce.

Client : Reales

Logo

Pour son logo, Storeales souhaitait partir sur son nom avec un aspect tendance et élégant. Il voulait aussi jouer autour de la lettre grecque, Alpha. Associer l’alpha avec une typographie n’a pas été chose simple.


Entre l’élégance et l’aspect massif de cette lettre, il fallait trouver un équilibre pour que ce soit le plus harmonieux possible.

logo reales noir réalisé par David Daumer

logo reales en défonce réalisé par David Daumer

Maquettes graphiques

Le squelette du site web a été au maximum simplifié pour l’utilisateur. À travers son parcours, l’utilisateur doit trouver facilement ce qu’il cherche sans être submergé par la pluralité des produits.


Grâce à une méthode d’entonnoir, l’utilisateur se dirige du général au particulier (homme > femme, nos hauts > liste produit avec filtre couleur, type de haut…).


Cependant, certaines personnes aiment aussi obtenir directement tous les produits, c’est pourquoi cette option a aussi été intégrée dans l’arborescence.


Parfois la mise au panier sur un site internet e-commerce ou dans les favoris d’un produit ne peut pas se faire et l’utilisateur ne sait pas pourquoi.


C’est pourquoi après une veille de tunnel d’achat des concurrents, il me semblait primordial de concevoir un User Flow pour la création du processus d’achat. Grâce à celui-ci nous avons évité certains problèmes et blocages pour l’utilisateur dans son achat (mise au panier, consentement…).

Maquettes du site e-commerce Storeales en desktop et mobile

Le but des wireframes était de mettre en exergue au maximum le produit et proposer différents aspects de celui-ci sur les différentes pages tout en faisant attention à la contrainte technique. Pour avoir été dans cette situation plusieurs fois, que souhaitons-nous avoir à sa disposition en un regard tout au long de la navigation ?


Pour une navigation fluide et davantage simplifiée, je souhaitais que l’utilisateur puisse avoir ses favoris, sa barre de recherche ainsi que le chatbot toujours à disposition au fil de son expérience digitale et de ses scrolls.


Comme sur une application et pour ne pas que ce soit trop la cacophonie, j’ai scindé ces éléments du menu et les ai placés en bas du site. Tout au long de son expérience sur le site web e-commerce, cette barre suit la navigation de l’utilisateur.


Les maquettes graphiques du site internet e-commerce devaient rester simples mais être aussi élégantes et tendances.


Du choix des couleurs à l’aspect graphique en passant par les typographies, tout a été pensé pour retrouver l’aspect que Storeales attendait : une pointe d’originalité tout en gardant un aspect épuré.


Le petit plus, l’utilisateur pourra choisir s’il veut naviguer sur le site avec un thème clair ou sombre. Le Dark theme apporte une autre expérience dans l’UX Design notamment la diminution de la fatigue visuelle mais aussi une réduction de la consommation de la batterie du téléphone.

Maquettes smartphones du site e-commerce Storeales Rennes