Webdesign du site e-commerce Ecomatelas

Ecomatelas est le premier site de vente de matelas reconditionnés fabriqués en France. Les matelas récupérés dans des hôtels sont découpés, désinfectés et ré-houssés pour être proposé à la vente en ligne ou en magasin. Une solution économique et écologique !

Suite à une refonte en 2022, le taux de conversion sur le site à chuté. L’objectif d’Ecomatelas était d’identifier les raisons de cette chute, et de mettre en place des solutions UX/UI et SEO pour faire remonter ce taux de conversion.

J’ai été contactée par Margaux Legoux, UX designer également freelance, qui travaillait sur la recherche utilisateurs d’Ecomatelas pour identifier les points faibles du site, les freins à l’achat mais aussi les points forts du concept. Nous avons constitué un binôme pour travailler sur une nouvelle version du site, Margaux s’occupait des tests utilisateurs et réalisait les wireframes sur lesquels nous échangions (designer + SEO + dev + client) avant de produire les maquettes graphiques : ma mission !

Voici en bref le constat suite aux recherches et tests utilisateurs réalisés par Margaux, sur un échantillon de 100 personnes.

• Séduits par l’aspect écologique et économique des produits

• Mais manque de réassurance (Différence entre occasion et reconditionné ? Est-ce que c’est propre ? Fabriqué où ?)

• Une image globale propre mais peu qualitative

• Des freins sur le parcours d’achat (sélection des tailles de matelas, ajout au panier, frais de livraison…)

• Un usage mobile peu optimisé

Deux sessions de tests et analyses utilisateurs ont été réalisées par Margaux :

• la première pour identifier les modifications à réaliser et prioriser notre travail

• la seconde pour valider (ou pas !) nos hypothèses, en présentant nos maquettes à un panel d’utilisateurs.

Leurs retours sur cette deuxième phase nous ont permis d’ajuster nos maquettes pour bien s’adapter à leur besoin, et s’assurer d’aller dans la bonne direction avant de commencer le développement.

Pour l’anecdote, nous avions proposé aux utilisateurs deux versions de nos maquettes : l’une très épurée pour guider l’attention sur l’info principale, l’autre plus chargée avec beaucoup de réassurance. C’est cette seconde version que les utilisateurs ont largement préféré !

Les wireframes ont été réalisés en tenant compte des retours utilisateurs pour proposer une nouvelle page d’accueil, comparatif des matelas et parcours d’achat.

Une étape importante qui a permis à toute l’équipe projet de communiquer, en identifiant les contenus à produire et les contraintes techniques de développement, pour que la nouvelle version du site soit cohérente avec les besoins des utilisateurs et les objectifs d’Ecomatelas.

Pas question de faire une refonte de l’identité visuelle sur ce projet, mais améliorer l’existant :

Ecomatelas utilise depuis le début des couleurs douces : des teintes de bleu avec une pointe de jaune. J’ai repris les couleurs existantes en définissant bien l’usage de chacune, ce qui a permis de créer une palette dynamique et accessible grâce à un meilleur contraste entre elles.

La typo à eu droit à son petit coup de frais également, pour donner une image plus moderne et apporter un peu plus d’identité à la marque Ecomatelas.

Un travail a été fait sur les visuels, Ecomatelas possédait une banque de photos qualitatives que nous avons pu exploiter, et nous avons fait appel au studio Hervé pour la réalisation des visuels de coupe des matelas en 3D. Des visuels importants pour comprendre d’un coup d’œil de quoi sont constitués les matelas pour les différencier !