Retour à la liste

François Doucet : migration PrestaShop 8 avec Atomic Suite

Maison de confiserie artisanale du sud de la France, François Doucet Confiseur opérait son site sur un PrestaShop 1.7 devenu difficile à maintenir, dans un écosystème multi-shop hérité. La marque avait deux enjeux à mener de front : moderniser son identité visuelle aux côtés de son agence créa historique, Korigan, et fiabiliser un socle technique vieillissant. 202 ecommerce a piloté la migration vers PrestaShop 8 avec Atomic Suite, en travaillant directement à partir des maquettes Figma de Korigan et en couvrant les besoins métier (ingrédients, valeurs nutritionnelles, mentions patrimoine) sans une seule ligne de développement spécifique.

Le contexte

François Doucet Confiseur est une maison de confiserie artisanale installée dans le sud de la France, labellisée Entreprise du Patrimoine Vivant. Son site e-commerce, www.francois-doucet.com, animait un catalogue d’environ 600 références autour des spécialités de la maison : pâtes de fruits, calissons, fruits enrobés et chocolats. Le site fonctionnait sur PrestaShop 1.7 depuis plusieurs années, dans une architecture multi-shop qui répondait à un besoin initial mais qui était devenue, avec le temps, lourde à gérer côté back-office.

Trois éléments ont déclenché le projet de migration. D’abord, le socle PrestaShop 1.7 arrivait en fin de cycle de maintenance et accumulait une dette technique difficile à résorber sans une refonte. Ensuite, la marque travaillait depuis longtemps avec une agence créa de confiance, Korigan, qui avait conçu une nouvelle identité visuelle et livré des maquettes Figma complètes. Enfin, l’équipe marchand voulait reprendre la main sur la présentation du site — mettre à jour la homepage au gré des saisons, ajouter ou réorganiser les sections d’une page catégorie, faire évoluer la mise en avant d’une gamme — sans solliciter systématiquement un prestataire technique.

Le brief envoyé à 202 ecommerce tenait en une phrase : moderniser le e-shop sans casser ce qui fonctionne. Conserver Korigan comme agence créa. Donner aux équipes marketing les moyens de composer leurs pages en autonomie. Et passer sur PrestaShop 8 dans la foulée.

L’enjeu central : l’autonomie des équipes marketing

Le vrai sujet de ce projet n’était pas technique. Il était organisationnel.

Sur le site de François Doucet comme chez de nombreux marchands, la mise en avant change tout le temps. Une homepage qui s’adapte au calendrier : Saint-Valentin, fêtes de fin d’année, gamme estivale. Une page catégorie qu’on veut enrichir d’un encart histoire de la maison. Un bandeau promotionnel à ajouter sur une page produit phare. Un nouveau bloc de réassurance à tester. Toutes ces opérations relèvent de la présentation : ajouter une section, modifier l’ordre des blocs, changer une mise en page.

Dans une configuration PrestaShop classique, chacune de ces opérations passe par un développement, ne serait-ce que minimal. Pour l’équipe marketing, cela veut dire un délai, un ticket à ouvrir, un prestataire à mobiliser — et au final, un site qui prend du retard sur la communication réelle de la marque.

La cible du projet a donc été posée clairement : reconstruire le site sur un cadre dans lequel l’équipe marchand puisse composer ses pages et faire évoluer la présentation elle-même, sans toucher au code, sans solliciter l’agence à chaque ajustement.

C’est exactement le rôle que joue Atomic Suite.

Atomic Suite : une bibliothèque de composants pour composer le site

Atomic Suite est une bibliothèque de composants pour PrestaShop développée par 202. Concrètement, c’est un ensemble de sections prêtes à l’emploi — hero, encarts éditoriaux, bandeaux, mises en avant produit, blocs réassurance, callouts, mosaïques visuelles — que les équipes marchand assemblent depuis le back-office pour construire leurs pages.

Là où un thème PrestaShop standard fige la structure des pages au moment de l’intégration, Atomic Suite déplace cette logique : la page n’est plus un livrable figé, c’est une composition que l’équipe marketing peut modifier, réordonner et enrichir à volonté. Ajouter une section sur la homepage, insérer un bandeau saisonnier sur une catégorie, repenser l’ordre des blocs sur une landing : tout se fait par drag-and-drop de composants existants.

Pour Korigan, agence créa partenaire de François Doucet, ce cadre a transformé la collaboration. Plutôt que de concevoir des maquettes « librement », ce qui auraient débouché sur un thème nécessitant de nombreux développements spécifiques, Korigan s’est appuyé sur la bibliothèque Figma Atomic Suite. 202 ecommerce a accompagné ce travail en amont, en retravaillant les maquettes côté interne pour aligner les intentions graphiques de Korigan avec les composants disponibles. Le résultat : une intégration directe, sans sur-mesure, et un design parfaitement reproductible par les équipes marchand côté back-office.

C’est cette fluidité qui fait la différence. Une agence créa peut travailler la présentation d’un site PrestaShop avec la même souplesse qu’elle aurait sur un outil de mise en page — et l’équipe marketing récupère ensuite ces mêmes composants pour faire vivre le site au fil des saisons.

Recomposer les pages, faire vivre les sections

Pour mesurer ce que change Atomic Suite, il faut regarder les opérations qui rythment la vie d’un site e-commerce et qui, classiquement, génèrent du ticket technique.

Modifier la mise en page d’une homepage au fil des saisons — passer d’une mise en avant produit à un récit de marque, intercaler un bandeau « Saint-Valentin », réorganiser l’ordre des sections : sur François Doucet, ces opérations se font par sélection et déplacement de composants Atomic dans le back-office, sans toucher au template.

Ajouter une nouvelle section sur une page catégorie ou sur une landing — un encart éditorial, une vidéo, un module témoignages, un bloc « Entreprise du Patrimoine Vivant » — revient à choisir le composant correspondant dans la bibliothèque et à le glisser à l’endroit voulu. Pas de développement, pas d’intégration HTML/CSS sur-mesure.

Décliner les templates entre les différentes pages — homepage, catégories, fiches produit, pages institutionnelles — sans repartir de zéro : les mêmes composants Atomic sont réutilisés, paramétrés différemment, garantissant une cohérence visuelle automatique sur l’ensemble du site.

Ce que cela change concrètement, c’est le rapport au site. Pour l’équipe marketing de François Doucet, faire évoluer la présentation n’est plus une demande à formuler, c’est une action qu’on exécute. La saison change, la campagne évolue, une nouvelle gamme arrive : le site suit le tempo de la marque, pas l’inverse.

Migrer le catalogue et simplifier l’architecture

En parallèle du chantier design et contenu, trois opérations techniques majeures ont été menées par les équipes 202.

Migration de PrestaShop 1.7 vers PrestaShop 8. Catalogue produits, base clients, historique des commandes, pages CMS et structure SEO : l’ensemble a été migré sans rupture de service ni perte de référencement. La migration a été l’occasion de nettoyer plusieurs couches d’historique accumulées sur le site précédent.

Passage en monoshop. L’architecture multi-shop héritée a été remplacée par un monoshop. Pour les équipes côté marchand, cela représente une simplification importante de la gestion back-office : un seul catalogue à maintenir, un seul jeu de paramètres, une seule logique de stock.

Refonte de l’intégration front sur le thème Atomic. Toutes les pages — homepage, catégories, fiches produit, pages institutionnelles — ont été reconstruites en s’appuyant sur les composants Atomic, ce qui garantit la cohérence visuelle et la maintenabilité dans la durée.

Préparer la connexion ERP

Le projet inclut également la mise en place du connecteur AtooSync entre PrestaShop et le système d’information du marchand (Sage X3). Le connecteur a été configuré côté PrestaShop. La bascule complète de la synchronisation produits, stocks et commandes sera activée dans une phase ultérieure, en coordination avec les équipes internes de François Doucet.

Cette approche correspond à la philosophie de 202 sur les projets de cette taille : éviter le big bang, séquencer les chantiers, livrer en confiance plutôt qu’en force.

Le rôle de 202 e-commerce sur le projet

  • Retravail des maquettes Figma en lien avec Korigan, pour les aligner sur la bibliothèque de composants Atomic Suite
  • Intégration front complète sur le thème Atomic
  • Mise en place de la bibliothèque de composants dans le back-office, prête à l’emploi pour les équipes marketing
  • Migration PrestaShop 1.7 vers PrestaShop 8 : catalogue, clients, commandes, CMS, SEO
  • Passage en monoshop et refonte de l’architecture back-office
  • Configuration du connecteur AtooSync pour la connexion future à Sage X3
  • Coordination opérationnelle avec Korigan (créa) et Cybercité (SEO)
  • Mise en production et accompagnement post-livraison

Ce que ce projet illustre

La migration de François Doucet Confiseur dit quelque chose de simple sur la manière dont 202 travaille. Un projet PrestaShop ne se résume pas à un changement de version. C’est l’occasion de redonner aux équipes marchand les moyens d’agir sur la présentation de leur site, plutôt que de créer un nouveau point de dépendance.

Atomic Suite, dans cette logique, n’est pas un module de plus. C’est une bibliothèque de composants qui permet à une agence créa de concevoir avec la fluidité d’un outil de mise en page, à une équipe technique de livrer sans sur-mesure inutile, et — surtout — à une équipe marketing de composer, recomposer et faire évoluer ses pages au rythme de la marque.

C’est ça, l’autonomie des équipes marketing : ne plus avoir à demander la permission pour faire évoluer son site.