Cas client · Santé naturelle · B2B

Natural Santé : des portails B2B comme neufs !
portails b2b

Découvrez la refonte des portails B2B des deux entités du groupe Natural Santé : Natural Distribution et Laboratoire Santé Verte.

Natural Santé
stack projetWordPressSAGESQLPDFCSV
Impact mesurable

0

portails B2B

0

flux connectés

0

interfaces redesignées

Contexte projet

Pourquoi ce projet, pour qui.

Natural Santé développe et distribue des compléments alimentaires naturels à travers plusieurs entités.

Les portails B2B devaient être modernisés pour améliorer la consultation des commandes, factures et avoirs, tout en simplifiant la maintenance technique.

Natural Santé, un groupe leader en France dans le développement et la distribution de compléments alimentaires naturels

Entreprise française spécialisée dans le domaine de la santé naturelle et des compléments alimentaires, le groupe Natural Santé est présent sur deux secteurs d’activités :

  • La PHARMA (Laboratoire Santé Verte) à destination des professionnels
  • La BIO (Natural Distribution) composée de 5 marques : Desert Essence Plantes Laboratoires Diet Horizon Attitude Sirop Vital
  • Desert Essence
  • Plantes Laboratoires
  • Diet Horizon
  • Attitude
  • Sirop Vital

Toutes ces entreprises proposent une gamme de produits destinés à promouvoir la santé et le bien-être, en utilisant des ingrédients d’origine naturelle. Leur mission ? Démocratiser l’accès aux alternatives de santé naturelle via une approche pédagogique, des solutions de santé performantes, pour toute la famille et tous les besoins quotidiens.

Une refonte des portails B2B : une mise au vert s’impose !

Plusieurs besoins ont poussé le groupe Natural Santé à solliciter notre expertise afin de revoir les portails B2B de leurs entités. Ces espaces, développés sur WordPress, présentaient des lacunes :

  • une multiplicité de plugins : incompatibilité de mise à jour, lourdeur des sites;
  • des parcours users non optimisées;
  • des fonctionnalités optimisables.

Pour la refonte des portails existants, les objectifs étaient donc les suivants :

Renforcer la sécurité des portails & la gestion des informations;

Repartir d’une base saine et 100% plug in Wordpress afin de se séparer du code spécifique PHP;

Optimiser les fonctionnalités et l’affichage des données présentées via le portail.

Un redesign des interfaces et une expérience personnalisée par typologie d’utilisateurs

Natural Santé avait une première idée du webdesign attendu pour les deux portails : onglets, fonctionnalités, design, le périmètre était déjà bien délimité.

Ces éléments ont été re-challengés sous l’œil expert de notre UX designer afin de proposer un webdesign “UX friendly”.

La structure des pages a été ordonnée afin de prioriser les informations et faciliter la recherche d’informations pour l’utilisateur. Le design mobile a également été optimisé afin de conserver l’affichage des commandes et factures sous forme de tableaux sans pour autant impacter l’expérience client.

Chaque portail a été maquetté avec respect des chartes graphiques et univers de marque propres à Santé verte et Natural Distribution.

La méthologie

Lancement de projet : présentation des équipes, du projet, ses enjeux et objectifs + cadrage du périmètre fonctionnel et technique.

Construction des wireframes : atelier collaboratif lors duquel notre experte UI/UX a challengé et affiné la structure des espaces.

Présentation et validation des maquettes : échanges autour des maquettes, explication des choix graphiques et confirmation du web design pour lancer la phase de production.

Points d’étapes intermédiaires : simples points d’avancements afin de donner de la visibilité aux équipes de Natural Santé et sécuriser l’intégration.

Recettage : compte rendu des recettes internes par les équipes métiers des utilisateurs des portails réalisées sur la base d’un cahier de recettes.

Le + du projet

Un redesign des interfaces et une expérience personnalisée par typologie d’utilisateurs

Loin d’un simple site wordpress vitrine, ce projet nécessitait une récupération des données de chacun des portails pour permettre aux clients de récupérer ses données en quasi temps-réel.

Bien que chaque portail dispose de sa propre interface et de fonctionnalités distinctes, l’architecture globale reste sensiblement identique avec :

  • Une première partie d’export des commandes en cours, factures, avoir (fichiers SQL & PDF) et nouveaux clients (fichier csv.) de SAGE vers le portail.
  • Une seconde partie d’import des éléments chargés dans la base de données.

A côté des aspects purement techniques, les nouveaux portails devaient offrir les fonctionnalités suivantes :

  • Filtrer et trier ses commandes et factures;
  • Exporter toutes ou une sélection de commandes;
  • Visualiser ses factures en un clic;
  • Rechercher ses commandes, factures, avoirs par mots clés
Enjeu métier

« Refondre deux portails clients B2B pour repartir d'une base WordPress plus saine, améliorer l'expérience utilisateur et synchroniser les données quasi temps réel. »

Aperçus produit

Quelques écrans clés du produit livré.

Architecture projet

Une stack conçue pour parler à votre SI.

Front
  • Front-endThème sur-mesure
Core
  • WordPressBack-office éditorial
  • Plugins métierFormulaires, SEO, contenus
Intégration SI
  • SAGECommandes, factures, clients
  • ExportsSQL, PDF, CSV
Ce que nous avons livré

Un périmètre cadré, zéro dérive.

  • 01Conception
  • 02UI/UX
  • 03Responsive design
  • 04Développement front
  • 05Développement back
  • 06Gestion de projet
Ce que ça a produit

Des résultats mesurables.

  • Deux portails clients modernisés et plus intuitifs.
  • Des commandes, factures et avoirs plus faciles à filtrer, trier, consulter et exporter.
  • Une architecture débarrassée de code spécifique PHP inutile.
  • Un suivi projet qui a sécurisé les points bloquants au fil de l'intégration.

« Ce fut pour moi une excellente expérience de travailler avec Smotly. J’ai apprécié réaliser ce projet avec eux et observer nos deux nouveaux portails clients se développer au fil de nos échanges. Floriane, la chef de projet, a parfaitement assuré le suivi à chaque étape en veillant à nous alerter sur les points potentiellement bloquants. Estelle, la graphiste, a modélisé des portails clients modernes et intuitifs pour nos clients. Théodore, le développeur, a su reproduire ces designs au pixel près et répondre aux différents défis techniques imposés. Merci à Smotly pour cette collaboration ! »

Natural Santé

Aurélien Giraud

Chef de projet chez Natural Santé

Votre cas sera peut-?tre le prochain ici.

30 minutes pour comprendre vos enjeux, et vous dire franchement si on peut vous aider.