À PROPOS DU PROJET

Depuis plus de 30 ans, Supersmart s’impose en tant que leader européen dans le domaine des compléments alimentaires de qualité. Une marque reconnue pour son engagement envers l’excellence et l’innovation, qui a su gagner la confiance de ses clients grâce à son expertise pointue et à la qualité irréprochable de ses produits.

Mayasquad a été le précurseur de ce projet ambitieux : métamorphoser le site de Supersmart pour qu’il persiste en tant que pionnier dans son domaine, tout en améliorant de manière significative l’expérience utilisateur et en consolidant les fondements numériques de la marque pour les années à venir.

CLIENT

SECTEUR

Santé

TYPE

Sites e-commerce

01

Contexte & Challenges

L’écosystème du e-commerce étant en perpétuelle mutation, le secteur de la santé et du bien être est marqué par l’arrivée de nouveaux acteurs dynamiques, et une compétition toujours plus aiguisée. Face à ce contexte changeant, Supersmart s’est trouvé à l’aube d’un tournant stratégique : opérer une transformation numérique pour renforcer sa position de leader.

La concurrence accrue ainsi que l’évolution des attentes des consommateurs, imposent la refonte de leur plateforme e-commerce comme un incontournable. Un projet colossal comportant des défis majeurs, notamment la refonte de l’expérience utilisateur (UX/UI) sur l’ensemble des pages du site. 

# Évolution du marché et démographie des consommateurs :

Le marché des compléments alimentaires est en plein essor, avec des tendances émergentes telles que le concept de beauté In & Out, et l’intérêt croissant des jeunes pour la functional food. Une démocratisation traduite par un intérêt marqué des jeunes générations sur le contrôle de leur santé et de leur bien-être. Historiquement dominé par une clientèle féminine et senior, le marché français prévoit un accroissement de chiffre d’affaires annuel de 5,8% jusqu’en 2026. Les digital natives, représentent aujourd’hui  plus de 30% des consommateurs, redéfinissant le paysage des clients cibles.

# Concurrence et compétitivité

La synergie entre e-commerce et compléments alimentaires est devenue un vecteur de croissance majeur, attirant près d’un Français sur deux dans ce secteur. Face à cela, de nouveaux acteurs s’efforcent de transformer « l’expérience complément alimentaire » jugée trop austère, en utilisant le commerce en ligne pour attirer des clients plus jeunes. Ils bénéficient ainsi d’une expédition plus facile, plus rapide, moins coûteuse et plus respectueuse de l’environnement. 

# Ultrapersonnalisation et hyper-segmentation :

Une nouvelle ère se manifestant par l’apparition de produits spécialisés répondant à des besoins spécifiques, faisant bondir les cures personnalisées. Ce phénomène est particulièrement notable dans le domaine de la santé féminine, où l’on observe une croissance explosive.

02

L’accompagnement de Mayasquad

Accompagnement créatif et technique

La refonte de Supersmart a été jalonnée de briefs créatifs et d'une supervision technique rigoureuse, garantissant une présence numérique dominante et cohérente. L'engagement client a été mis en avant grâce à des newsletters redessinées, capturant ainsi l'attention des consommateurs et approfondissant la fidélisation. Mayasquad a également élevé l'expérience immersive des produits avec des modèles 3D détaillés, permettant aux clients de visualiser le produit.

Refonte UX/UI complète

Modernisation de l'interface pour une expérience utilisateur plus fluide et intuitive, ainsi qu'une expérience d'achat à la hauteur des standards actuels. Chaque page, du catalogue produits aux menus détaillés, en passant par l'espace client, nécessitait une attention particulière pour garantir un parcours client sans accroc.

Optimisation du parcours d'achat

Il est le cœur du e-commerce, et chez Supersmart, ce dernier se devait d'être à la pointe. La marque souhaitait offrir à ses clients une expérience d'achat simplifiée mais complète, allant de la recherche de produits à l'historique des achats, tout en assurant un processus de paiement sécurisé et rapide.

Intégration et synchronisation front et back-end

Les équipes ont utilisé des maquettes détaillées pour créer des interfaces réactives et adaptées à tous les appareils, assurant ainsi une expérience utilisateur fluide et cohérente. En parallèle, les développeurs back-end ont construit une architecture robuste et sécurisée, soutenant la logistique de l'e-commerce, allant de la gestion des stocks à la sécurisation des transactions. Cette synergie a facilité le déploiement rapide des innovations, garantissant évolutivité et performance optimale du site.

03

Choix technologiques

React

Bibliothèque JavaScript pour la création d'interfaces utilisateur interactives et réactives, permettant de construire des composants réutilisables pour des applications web dynamiques.

HTML 5

Fondation pour structurer et présenter le contenu, choisi pour sa flexibilité et sa capacité à s'intégrer aisément avec d'autres technologies tout en supportant les fonctionnalités multimédia avancées.

CSS3

Adopté pour le stylisme, permettant de créer des designs responsive enrichis, garantissant une expérience utilisateur ainsi qu’un l'UX attrayant et interactif.

04

Les experts missionnés sur le projet

Jean Marie

Dévelopeur Full-stack

François

Coordinateur à succès

Martin

Lead tech et CTO

05

L’application en détail

Diagnostic personnalisé

SuperSmart a revitalisé son interface avec un quiz interactif conçu pour offrir un diagnostic précis et personnalisé à chaque utilisateur. Ce nouvel outil innovant analyse les réponses des utilisateurs pour proposer une liste de compléments alimentaires adaptés à leurs besoins spécifiques. Cette fonctionnalité, entièrement repensée, permet non seulement de simplifier le choix des consommateurs, mais aussi d'accroître l'engagement en leur fournissant des recommandations sur mesure, basées sur des critères scientifiques et des données de santé.

Optimisation de l'espace client

L'espace client a été entièrement remanié pour enrichir l'expérience utilisateur sur le site de SuperSmart. Les utilisateurs peuvent désormais gérer facilement leurs favoris, consulter l'historique de leurs commandes, suivre leurs parrainages, et visualiser les récompenses et points cumulés dans une interface claire et accessible. Chaque fonctionnalité, bien que présente sur l'ancien site, a été visuellement modernisée pour améliorer la navigation et l'interaction.

06

Résultats et chiffres clés de l’application

Retour à l’essentiel : Supersmart a réaffirmé son engagement envers la qualité en concentrant ses efforts sur la sélection minutieuse des produits et la clarté des ingrédients. Une approche garantissant non seulement la conformité avec les normes les plus élevées, mais qui rassure également les consommateurs quant à la pureté et l'efficacité des compléments.

Refonte collaborative : La transformation de la plateforme a été réalisée en étroite collaboration avec la clientèle de Supersmart, dans le but de s'assurer que les nouveaux changements reflètent fidèlement l'ADN de la marque. Cette méthode participative a permis de capter et d'intégrer les retours et préférences des utilisateurs, assurant que la refonte renforce la manière dont la marque communique ses valeurs et son message.

Accompagnement de la communauté : La communauté fidèle a été accompagnée en douceur à travers le changement radical du design et de l'interface utilisateur. Des communications claires et des guides d'accompagnement ont été fournis pour faciliter l'adaptation à la nouvelle plateforme. Minimisant ainsi l'impact de la transition, tout en cultivant un sentiment de familiarité et de confiance avec la nouvelle expérience.