En tant que freelance product designer spécialisé dans l’éco-conception de sites web, j’ai eu l’opportunité de repenser la page d’accueil de Momoxshop, une plateforme de revente en ligne dédiée aux produits culturels d’occasion.

L’objectif de cette refonte était double : améliorer l’expérience utilisateur tout en réduisant l’empreinte écologique du site. Découvrez ce projet passionnant à travers une analyse détaillée, suivie de mes conseils pour une éco-conception réussie ainsi que mes choix de design.

Analyse de la refonte de la page d’accueil de Momoxshop

La page d’accueil de Momox Shop est fonctionnelle mais elle présente plusieurs points d’améliorations à prendre en compte, notamment sur les aspects de performance et d’expérience utilisateur.

Pourquoi supprimer les sliders d’images?

Le slider d’images promotionnelles qui, au-delà d’être énergivore en ressources, n’offrait pas une réelle valeur ajoutée à l’utilisateur. De plus, ce slider ne pouvait pas être stoppé manuellement, ce qui provoquait une frustration pour les visiteurs.

Une surcharge visuelle

La page comportait de nombreux visuels lourds qui pouvaient affecter la vitesse de chargement du site. Ces images, bien qu’esthétiquement agréables, ajoutaient au poids global de la page, rendant la navigation moins fluide.

Un menu complexe

La structure du menu était dense, présentant de nombreuses options dès la page d’accueil. Ce qui augmentait la charge mentale des utilisateurs en les confrontant à trop de choix dès leur arrivée.

Principes d’éco-conception appliqués à Momoxshop

En tant que designer, l’éco-conception de sites web ne se limite pas à réduire l’empreinte carbone du site. Elle vise également à améliorer l’expérience utilisateur en simplifiant les interfaces tout en rendant le site plus performant. Voici les conseils d’éco-conception que j’ai appliqués pour ce projet :

Remplacer les visuels par des illustrations

Plutôt que d’utiliser des images lourdes, j’ai opté pour des illustrations en format SVG, qui sont beaucoup plus légères et permettent un rendu visuel tout aussi attractif, mais avec un impact nettement diminué sur le temps de chargement.

Éliminer les sliders

Le slider a été complètement retiré. Il ne contribuait pas réellement à l’expérience utilisateur et créait une réelle frustration pour les visiteurs qui ne pouvaient pas interagir avec. J’ai préféré le remplacer par une simple illustration d’accueil, plus engageante et visuellement plus apaisante.

Simplification du menu

Pour réduire la charge cognitive des utilisateurs, j’ai simplifié le menu principal. En limitant le nombre d’options visibles immédiatement, j’ai permis aux visiteurs de se concentrer plus facilement sur les éléments essentiels de la page, rendant ainsi leur navigation plus intuitive et moins stressante.

Résultats de l’optimisation : Un site plus performant

La refonte de la home page de Momox-shop a été guidée par une volonté de rendre la navigation plus fluide, tout en intégrant l’éco-conception. L’utilisation d’illustrations en format SVG permet de conserver un aspect visuel attractif tout en réduisant considérablement le poids des fichiers. Cela améliore non seulement les performances du site, mais offre aussi une expérience utilisateur plus fluide.

L’ensemble des optimisations apportées, qu’il s’agisse de la simplification du design ou de l’allègement des ressources, permet de réduire le temps de chargement de la page. Ce qui rend la navigation plus agréable et respectueuse de l’environnement.

Vous aussi avez besoin d’une refonte ?

Vous souhaitez repenser votre site web pour améliorer à la fois l’expérience utilisateur et réduire votre empreinte environnementale ? Je peux vous aider.

En tant que freelance spécialisée dans l’éco-conception, je vous accompagne dans la création de designs qui allient performance, esthétique, et durabilité.

Contactez-moi pour discuter de vos projets. Trouvons ensemble la meilleure façon de les faire évoluer, tout en respectant la planète.

Prina Studio – Product Designer Freelance

Instagram : @prina.uxui