JoshNoa

Refonte e-commerce B2B avec PrestaShop 1.7 et l'ERP Odoo

Le projet

Phase 1 : Cadrage & organisation de la mission

L'objectif principal de cette phase a été de se plonger dans les spécificités du site de JoshNoa et d'analyser de près leur fonctionnement pour identifier les besoins fonctionnels précis de leur plateforme orientée B2B.

Rédaction du cahier des charges fonctionnel complet

La rédaction du cahier des charges s'est déroulé en ayant pour objectif de cadrer précisément les besoins métiers et fonctionnels de JoshNoa pour pouvoir commencer la phase de développement. Cela a permis de définir les fonctionnalités clés du site et d'établir des critères précis pour répondre aux différents enjeux, dont la gestion de plus de 9 500 produits. Voici une partie de ces fonctionnalités :

• Gestion des produits : ajout et modification de produits, gestion des déclinaisons, variation de prix en fonction des clients.
  
  
• Commande B2B : options de commandes en gros, commande par CSV et commandes récurrentes.
  
  
• Gestion des clients : accès personnalisé (comptes validés/non validés), gestion des encours clients.
  
  
• Module de fidélité : développement sur-mesure pour la gestion des réductions et cagnottage client.
  
  
• Tarification multi-niveaux : possibilité d'afficher des prix différents en fonction du type de client ou du groupe.

Ce cahier des charges nous a permis de comprendre les besoins spécifiques de JoshNoa, et de veiller ensemble à ce que les solutions proposées répondent bien à leurs attentes.

Suivi collaboratif avec Monday et Slack

Pour garantir une organisation fluide et transparente du projet, nous avons également mis en place un suivi collaboratif combinant Monday et Slack, permettant à la fois de structurer les tâches et de faciliter les échanges quotidiens entre les équipes.

Monday a été utilisé comme outil central dans la gestion de ce projet, offrant une visibilité complète sur l'avancement en temps réel et permettant de coordonner les différentes équipes. 

Chaque action, qu'il s'agisse du développement front, de l'intégration ERP ou du design UX/UI, a été assignée à un membre spécifique de l'équipe, avec un périmètre d'action défini et un canal Slack dédié par sujet.  

Phase 2 : UX/UI et Expérience Utilisateur

Conception et graphique et principes UX

L'objectif principal de cette phase a été de conceptualiser les attentes de Joshnoa exprimée dès le début de la collaboration, à savoir : 

• Créer un site simple et fonctionnel pour fluidifier les interactions B2B dans le parcours d'achat 
• Assurer une navigation claire et intuitive pour tous les utilisateurs. 

Les principes appliqués dans la conception des maquettes et plus tard dans les pages clés du site ont été multiples : 

• Navigation claire, avec des menus déroulants simplifiés ainsi qu'une barre de recherche intelligente via Doofinder. 
• Un responsive design, dans le but de s'adapter à tous les supports et également de préparer le site pour les campagnes d'acquisitions en SEO par exemple, avec le Mobile First
• L'optimisation des flux, afin de limiter le nombre de clics et d'optimiser la rapidité des actions, notamment pour l'ajout au panier et la gestion des préférences clients. 

Cette réflexion sur la conception graphique et les principes UX a servi de fondation pour la création des maquettes, permettant de transformer les besoins et attentes exprimés par JoshNoa en représentations visuelles concrètes des pages clés du site.

Elle a ainsi préparé la phase suivante, centrée sur la réalisation des Wireframes et maquettes interactives, afin de valider l'ergonomie, l'accessibilité et la fluidité des parcours utilisateurs avant le développement.

Processus de Création des Maquettes

Suite à la réalisation du cahier des charges et à la définition des principes UX/UI, les équipes de YATEO et de Joshnoa ont commencé à créer des maquettes pour chaque page clés du site.  Ces prototypes ont ainsi permis de visualiser le travail à mettre en place pour la conception des pages, en garantissant que toutes les fonctionnalités essentielles soient intégrées dans l'interface de manière ergonomique et efficace.

L'objectif principal de cette étape a été de visualiser les écrans clés du site (comme la page produit, le panier, le tunnel de commande, et l'espace client), en assurant une expérience utilisateur fluide, simplifiée, et optimisée pour répondre à la problématique de lier un parcours B2B sans pour autant impacter l'UI ou l'UX du site.

Ces maquettes ont permis de valider les choix de design avec JoshNoa, et de s'assurer que les fonctionnalités essentielles étaient bien intégrées dans l'interface. 

Les premières maquettes ont permis à JoshNoa de donner des retours précis sur des points comme la disposition des éléments, l'ergonomie des pages, et les ajustements de fonctionnalités.

Ces maquettes ont montré l'expertise de YATEO  dans la gestion de l'expérience utilisateur orientée B2B, en tenant compte de plusieurs éléments clés :

• Simplicité d'utilisation pour les clients B2B qui cherchent à passer des commandes rapidement sans naviguer à travers un site complexe.
  
  
• Conception mobile et desktop : Les maquettes ont été adaptées en version mobile et version desktop, pour répondre à l'accessibilité de toutes les fonctionnalités du site quel que soit l'appareil utilisé.
  
  
• Optimisation des processus : Les flux de commande, l'ajout au panier, et la gestion des préférences client ont été conçus pour être les plus fluides possibles, limitant le nombre de clics et optimisant la rapidité des actions.

Voici quelques exemples de maquettes réalisées en collaboration avec JoshNoa :

Header :  

La spécificité de ce header a été la mise en avant des catégories principales (produits, promotions, marques) avec la barre de recherche au centre, dans le but de faciliter et d'accélérer la recherche d'un produit spécifique. Les catégories commerciales et la section “news” ont été placées de manière séparée afin d'orienter le site sur l'achat et la conversion, dans un souci d'inclure les best practice CRO.  

Page d'accueil :

Joint au header, la page d'accueil est conçue dans l'idée de pousser les produits et les avantages de la marque dans le but de rediriger le plus rapidement possible le visiteur vers un produit pour optimiser le tunnel de vente du site. Les éléments de réassurance sont également visibles au-dessus de la ligne de flottaison pour maximiser leur impact.

Page produit :

L'enjeu principal a été de mettre en place les best practices CRO, notamment en prenant soin de placer le CTA au-dessus de la ligne de flottaison. La facilité d'accessibilité des déclinaisons et des quantités a aussi été travaillé pour répondre au besoin spécifique des clients en B2B. Un travail a par ailleurs été fait quant à la clarté de l'affichage des déclinaisons, du prix, du stock et des options de commande.

Footer :

Le footer a été pensé comme un élément complémentaire du parcours d'achat, sa position en bas de page lui permet de rester visible à tout moment, et il joue plusieurs rôles stratégiques tels que le rappel des avantages de la marque ou encore la mise en avant de la newsletter, maximisant l'engagement des visiteurs sur le site.

Spécificité et innovations du projet

Après la création des maquettes, YATEO s'est focalisé sur les points qui rendent le projet JoshNoa unique et techniquement avancé :

• Prototypage interactif et validation client : chacun des parcours utilisateur a été simulé avec des prototypes cliquables. Les fonctionnalités complexes telles que les commandes CSV, les commandes récurrentes ou le blocage automatique des encours clients ont été testées et validées avant le développement.
  
  
• Tunnel de commande et pages produits optimisés B2B : Affichage clair du stock et des prix (net/brut), boutons d'ajout au panier directs, possibilité de passer des commandes rapides ou récurrentes, et visualisation dynamique des promotions et produits “offerts”. Tout est pensé pour maximiser l'efficacité et la conversion.
  
  
• Optimisation Mobile First et SEO : le site n'est pas seulement responsive, il a été conçu pour être rapide, indexable et performant sur mobile, un point crucial pour les campagnes d'acquisition et le référencement. Les CTA et filtres essentiels restent visibles même sur petits écrans.
  
  
• Expérience B2B : YATEO, en collaboration avec les équipes de JoshNoa, ont réussi à créer un parcours unique qui s'adapte aux besoins des professionnels du monde de l'e-cigarette. Favoris, commandes rapides, tableaux de bord clients et suivi des encours sont disponibles pour les pros, tout en gardant une interface simple et intuitive pour les clients classiques.
  
  

En combinant ces innovations, le site JoshNoa allie performance, clarté et conversion, tout en respectant les contraintes complexes d'un catalogue volumineux et d'une clientèle B2B exigeante.

Phase 3 : Développement & Intégrations

 Migration PrestaShop 1.6 → 1.7

La première étape du développement a consisté à mettre en place la migration du site sous PrestaShop 1.6 vers la version 1.7. Cette migration s'est avérée essentielle pour permettre au site de bénéficier des dernières améliorations en termes de performance, de sécurité et de gestion des fonctionnalités sous Prestashop. 

YATEO, première agence française spécialisée PrestaShop, a pris en charge cette migration complexe en développant un script sur-mesure, capable :

• De mettre en place l'importation de l'ensemble des produits, catégories, clients et commandes                      
• De filtrer et supprimer les doublons
  
  
• De vérifier et d'ajuster les données spécifiques B2B comme les tarifs multi-niveaux, les commandes récurrentes ou encore les encours clients.

Chaque donnée importée a été préalablement testée pour assurer qu'aucune information ne soit perdue ou corrompue. 

Développement Front-End PrestaShop personnalisé

Après la migration vers PrestaShop 1.7, YATEO a lancé le développement front-end sur mesure. Le thème a été développé sans override des fonctionnalités natives de PrestaShop, garantissant ainsi la compatibilité du site et de ses fonctionnalités avec les futures mises à jour et afin d'éviter tout conflit avec les modules natifs et les personnalisations ultérieures. Pour ce faire, l'équipe a utilisé les templates et hooks PrestaShop pour injecter du contenu dynamique tout en conservant l'intégrité du système.

Un des grands enjeux de la phase de développement a également été d'intégrer une personnalisation avancée pour le B2B, répondant aux besoins spécifiques de JoshNoa :

• Sur le panier et le tunnel de commande par exemple, les prix sont affichés en net et en brut, et ce, ligne par ligne pour plus de transparence.
• Les professionnels peuvent aussi passer des commandes rapides ou récurrentes via des imports CSV, tandis que le système bloque automatiquement toute commande dépassant l'encours autorisé.
• Dans un souci de faire un site responsive, toutes ces fonctionnalités sont accessibles et parfaitement lisibles sur desktop et mobile, avec un affichage dynamique des informations critiques telles que le prix, le stock et les options de livraison.
• Sur les fiches produit, les déclinaisons complexes (taille, couleur, quantité, pack) sont clairement affichées, avec un suivi précis du stock et des alertes “rupture” ou “précommande”. 
• La tarification multi-niveaux (client, groupe, vente flash) est pilotée en temps réel depuis l'ERP Odoo, garantissant une cohérence totale avec les données métier.
• Les pages client et tableaux de bord ont été conçus pour offrir un suivi complet des commandes, des encours et des points fidélité, avec un historique exportable en CSV pour les professionnels. L'interface est responsive et optimisée mobile, permettant l'accès aux informations essentielles depuis n'importe quel support.
• Enfin, pour garantir la performance et l'expérience utilisateur, le code front-end a été optimisé et allégé. Les CTA, filtres et éléments essentiels restent visibles même sur petits écrans, et le site bénéficie d'un lazy-loading et d'une optimisation des images pour accélérer l'affichage des pages, produits et listings volumineux tout en garantissant une vitesse de chargement rapide et optimisée.

Cette approche a permis à YATEO de gérer un catalogue complexe de plus de 9 500 produits avec ses déclinaisons multiples et ses tarifs B2B spécifiques, tout en intégrant profondément l'ERP Odoo pour que chaque modification de stock, de prix ou de commande soit synchronisée en temps réel sur le front-end. Le parcours B2B a ainsi été unifié sans dupliquer les interfaces, tout en respectant les règles métier comme le blocage des comptes non validés ou la gestion des commandes récurrentes, ce qui constitue un niveau de complexité rare et maîtrisé dans un projet e-commerce de cette ampleur.

Synchronisation et intégration avec l'ERP Odoo

Après le développement front-end, YATEO a assuré l'intégration du site JoshNoa avec son ERP Odoo afin de synchroniser toutes les données critiques en temps réel. Cette étape a été essentielle pour que le site reflète fidèlement les processus internes de l'entreprise et pour automatiser les opérations complexes liées au B2B.

L'objectif a été de centraliser toutes les informations importantes telles que : 

• Les commandes passées sur le site, qu'il s'agisse de commandes classiques, CSV ou récurrentes. Elles sont automatiquement remontées dans Odoo pour traitement. 

• Les fiches clients, créées et mises à jour automatiquement, avec une distinction claire entre les comptes validés et non validés. 
• Les stocks sont synchronisés en temps réel, permettant au site d'afficher les quantités exactes disponibles et d'envoyer des alertes automatiques lorsque des produits sont en rupture ou bientôt disponibles. 
• Les encours clients, gérés automatiquement, avec blocage immédiat des commandes dépassant les plafonds autorisés.

L'intégration permet également de gérer des fonctionnalités B2B avancées. Un des grands enjeux a été de mettre en place une tarification multi-niveaux, appliquée automatiquement selon le type de client, le groupe ou les ventes flash. Mais aussi de faire en sorte que les commandes récurrentes et via CSV soient entièrement pilotées par Odoo pour garantir la cohérence des données et éviter les erreurs manuelles. 

Yateo a par ailleurs centralisé le programme fidélité afin que les points soient automatiquement accumulés et les réductions appliquées directement au panier selon les règles définies dans l'ERP.

Grâce à cette intégration, les équipes de JoshNoa disposent d'une vision complète et fiable de leurs clients, commandes et stocks en temps réel. Le site reste performant et réactif, même avec un catalogue très volumineux de plus de 9 500 produits. Cette liaison entre le front-end et l'ERP permet de centraliser toutes les opérations tout en réduisant les interventions manuelles et les risques d'erreurs, offrant ainsi un site B2B complet, automatisé et fiable.

Phase 4 : Fonctionnalités e-commerce, tarification et communication

Après avoir effectué la migration et la liaison avec l'ERP, nous avons concentré nos efforts sur la mise en place de fonctionnalités e-commerce avancées, essentielles pour répondre aux besoins spécifiques des clients B2B de JoshNoa et pour rester compétitif face à la concurrence, notamment en CRO.

Commandes B2B avancées et expérience client

Pour les clients professionnels, des fonctionnalités avancées ont été développées :

• Commandes récurrentes, permettant aux clients fidèles de répéter leurs achats en un seul clic, tout en garantissant la cohérence des données grâce à l'intégration avec Odoo.
  
  
• Alertes automatiques par email pour signaler les produits en rupture ou disponibles prochainement.
  
  
• Dashboard client enrichi, affichant chiffre d'affaires cumulé, produits favoris, commandes récurrentes et historique des commandes avec possibilité de réédition.
• Intégration d'une Wishlist, permettant aux clients, qu'ils soient B2B, de sélectionner et sauvegarder rapidement leurs produits favoris pour les retrouver facilement lors de futurs achats.

Tarification multi-niveaux et fidélité sur-mesure

YATEO a également mis en place une logique de tarification et de fidélité personnalisée, entièrement intégrée à l'ERP Odoo :

• Tarification dynamique : hiérarchisée entre prix par client, prix groupe et ventes flash.
  
  
• Blocage automatique des commandes sous prix minimum, pour garantir le respect des règles commerciales.
  
  
• Programme de fidélité B2B : accumulation automatique de points, application des réductions au panier et envoi d'emails personnalisés pour informer les clients de leurs avantages.
  
  

Cette approche permet d'automatiser les processus complexes du B2B tout en renforçant l'engagement et la satisfaction des clients.

Emails transactionnels optimisés et communication client

Enfin, pour compléter l'expérience, YATEO a refondu plus de 20 emails transactionnels, en optimisant à la fois le design et l'expérience utilisateur :

• Design responsive, adapté à tous les supports.
  
  
• Réduction automatique des lignes dans les emails pour les commandes avec plus de 3 produits.
  
  
• Clarté et réassurance pour les clients B2B, avec cohérence totale entre le site, l'ERP et les règles de gestion.
  
  

Ces emails assurent une communication cohérente et efficace, renforçant la confiance des clients et la visibilité des informations essentielles.

Phase 5 : Maintenance, suivi post-lancement et outils techniques

Après la livraison du site et la mise en place des fonctionnalités B2B, YATEO a assuré un accompagnement complet post-lancement afin de garantir la stabilité, la performance et l'évolution continue de la plateforme JoshNoa.

Maintenance et suivi continu

Un contrat de maintenance mensuel a été mis en place pour :

• Assurer la mise à jour régulière de PrestaShop, des modules et des intégrations.
  
  
• Corriger rapidement tout bug ou anomalie détecté sur le site.
  
  
• Suivre et améliorer l'expérience utilisateur, en optimisant les flux B2B et les parcours de commande.
  
  

Chaque ajout de fonctionnalité ou modification est testé avec des recettes intermédiaires, permettant d'identifier et de corriger rapidement les points de friction. Cette approche garantit que le site reste fiable, performant et évolutif, même avec un catalogue volumineux et des processus B2B complexes.

Modules et outils utilisés

Pour soutenir les fonctionnalités avancées et assurer la fluidité du site, nos équipes ont utilisé et intégré une stack technique complète, chaque outil étant choisi pour un rôle précis :

• Odoo API : synchronisation temps réel des stocks, commandes et clients, garantissant la cohérence entre front-end et ERP.
  
  
• Doofinder : moteur de recherche intelligent, optimisé pour +9500 produits, avec filtres avancés et recherche par marque.
  
  
• Mega Menu Pro / Advanced Search 4 : navigation rapide et intuitive, permettant aux utilisateurs B2B de trouver leurs produits en quelques clics.
  
  
• Wishlist : permet aux clients de sauvegarder leurs produits favoris et de convertir facilement leurs sélections en commandes récurrentes ou en achat unique.
  
  
• Payplug / Paypal : intégration sécurisée des moyens de paiement adaptés au B2B.
  
  
• Shipup : suivi avancé des livraisons et notifications clients automatisées pour une meilleure visibilité et réassurance.
  
  
• Axeptio : gestion du consentement RGPD et conformité légale.
  
  
• Google Analytics, Tag Manager, Search Console : suivi précis du trafic et optimisation SEO, garantissant la performance des campagnes d'acquisition et la visibilité du site sur tous les supports.

En regroupant la maintenance, le suivi et l'utilisation intelligente des modules, YATEO assure un service complet et durable, transformant le site JoshNoa en un e-commerce performant, automatisé et capable de soutenir la croissance de l'entreprise. 

Conclusion

La refonte du site JoshNoa & Co illustre parfaitement notre approche globale et stratégique lorsque nous travaillons sur la conception d'un projet. Du cadrage initial, avec un cahier des charges précis et un suivi collaboratif structuré, jusqu'à la maintenance post-lancement, chaque phase a été pensée pour optimiser les besoins clients et la performance du site, tout en pensant à l'acquisition et au CRO, leviers incontournables pour acquérir du trafic et le convertir par la suite. 

L'intégration avec l'ERP Odoo a permis de centraliser toutes les données critiques : stocks, commandes, clients et tarification, garantissant une synchronisation parfaite entre le front-end et les processus métier. Les modules et outils choisis ont été utilisés de manière stratégique, pour renforcer l'efficacité, la conversion et la fidélisation des clients.

Enfin, la mise en place d'un suivi post-lancement et d'un contrat de maintenance assure que le site reste évolutif, fiable et performant, capable d'accompagner la croissance de JoshNoa sur le long terme.

En combinant notre expertise technique, la maîtrise des contraintes B2B et le design centré utilisateur et conversion, YATEO a livré un site e-commerce, offrant à JoshNoa une plateforme complète pour développer son activité tout en garantissant une expérience optimale à tous ses clients.