Adisseo : Un site corporate international performant et moderne

Adisseo : refonte digitale d'un leader mondial de la nutrition animale

Adisseo, l’un des leaders mondiaux des additifs pour l’alimentation animale fondé en 1939, disposait d’un site corporate vieillissant qui ne reflétait plus son positionnement innovant. Malgré une présence digitale, le site en ligne jusqu’alors présentait une navigation complexe. Les performances techniques montraient de fortes possibilités d’amélioration et la gestion des contenus quotidienne était laborieuse pour les collaborateurs. Face à ce constat, Adisseo nous a sollicité pour repenser entièrement son site pour présenter une vitrine corporate unifiée, performante et adaptée à ses ambitions internationales.

Date de création

1939 – refonte mai 2025

Secteur d'activités

Nutrition animale

Technologies utilisées

Strapi

Next.JS

WeGlot

Algolia

CookiesYes

Compétences mobilisées lors du projet

Design UX/UI
Développement front-end et back-end
Architecture technique
Intégration multilingue et multi-région
SEO
Gestion de projet
Formation des équipes

Améliorer la performance, la sécurité et la conversion d’un site corporate international

Avant même le démarrage du projet, les enjeux du projet étaient clairement identifiés, reflétant les ambitions du groupe. Tous les aspects techniques et fonctionnels ont été discutés pour définir une feuille de route claire, précise et détaillée.

Derrière l’objectif principal de porter le développement d’Adisseo vers de nouveaux horizons, six sous objectifs principaux stratégiques ont été définis

Design system et architecture de pages : construire un site évolutif avec Strapi

Pour faire de cette refonte une réussite, il était indispensable de repenser entièrement le parcours utilisateur pour rendre le site lisible et la navigation fluide pour tous. La phase de conception a été centrale : de la définition des personas aux wireframes en passant par la confirmation de la charte graphique et la création des maquettes et du design system.

Après avoir identifié la proposition de valeur de chaque personas, nous avons co-construit la nouvelle arborescence du site. Le zoning de chaque page a ensuite été établi en dissociant la typologie des pages.

Les pages institutionnelles, conçues individuellement avec une mise en page unique.
Les pages templates, conçues avec une structure réutilisables présentant des zones fixes et d’autres dynamiques. Toutes ces zones ont permis d’identifier les 35 composants nécessaires pour le projet.

Nous avons ensuite colorisé les composants pour créer les maquettes des pages et le design system du projet.

En parallèle de cette phase de maquettage, les équipes d’Adisseo ont travaillé sur le contenu, déposé en temps réel sur Figma pour une insertion immédiate et une projection plus que réelle !

L’évolution en un coup d’œil

Mais ce n’est qu’un aperçu… N’hésitez pas à visiter directement le site pour découvrir tous les aspects fonctionnels qui font vraiment la différence : un méga menu détaillé avec un UX/UI pensé pour faciliter la navigation, un moteur de recherche performant, des filtres intuitifs, des ancres pratiques sur les pages produits pour un parcours utilisateur fluide et efficace et la liste est encore longue !

Du cadrage au déploiement : cycle de vie complet d'une refonte digitale complexe

Au démarrage de ce projet, nous avons défini les principaux jalons des phases de conception, développement, recettage et mise en ligne. Une méthodologie hybride a ensuite été appliqué avec des allers-retours permanents entre Adisseo et Smotly pour conserver une réactivité et une agilité maximale.

Phase de lancement et cadrage : analyse approfondie des besoins, benchmark concurrentiel, définition précise du périmètre fonctionnel et technique, définition du planning

Phase de conception : ateliers de co-création des personas, wireframes, création et validation du moodboard, maquettage de la page d’accueil puis pages complètes, présentation du design system

Phase de développement : mise en place de l’architecture technique, développement des composants et templates, intégration des fonctionnalités avancées.

Phase de déploiement : migration des contenus, formation des équipes Adisseo sur la prise en main du back office Strapi et de la solution de traduction Weglot, mise en production progressive.

Phase de recette : tests fonctionnels et techniques, optimisation des performances, anticipation et sécurisation des sujets techniques pour mise en ligne
Ces phases ont été ponctuées de weekly, meeting lors desquels les sujets en cours et les avancements étaient balayés.

Après la mise en ligne le 26 mai, la collaboration continue avec un partage du rapport de mise en ligne, un débrief et des points mensuels pour suivre les données et les optimisations / améliorations envisageables.

Performance, sécurité, internationalisation : les atouts d'une architecture Strapi

Au-delà des enjeux UX/UI, le choix de la solution technique et l’architecture à mettre en place était indispensable pour répondre aux objectifs d’Adisseo. Le CMS headless Strapi s’est rapidement imposé comme la solution adaptée offrant de nombreux avantages stratégiques et techniques :

Gestion internationale et multilingue. Le système gère 7 régions et 3 langues (EN, FR, CH) via Weglot permettant à chaque utilisateur de choisir sa langue/région et à Adisseo de personnaliser les contenus selon les marchés. Les noms produits et marques s’adaptent automatiquement par région et une architecture spécifique assure l’accessibilité et la performance optimale en Chine. Le nombre de langues disponibles pourra évoluer pour intégrer plus de traductions à mesure des ambitions d’Adisseo.
Autonomie totale des équipes. Le back-office Strapi, entièrement personnalisé, offre une gestion granulaire des droits et des workflows (prévisualisation, brouillon, publication/déploiement). Résultat : 90 % des mises à jour de contenu sont réalisées en autonomie par les équipes métiers, avec une formation et une documentation dédiées pour garantir une prise en main rapide.
Performance et évolutivité exceptionnelles. L’architecture découplée (Next.js + Strapi) permet d’optimiser chaque couche pour garantir rapidité et stabilité avec un hébergement sur AWS (EC2, RDS, S3, CloudFront) pour une disponibilité de 99,9 %. Même en cas d’indisponibilité temporaire du CMS, le site reste accessible grâce à la génération de fichiers statiques. Le design est 100 % responsive pour une expérience optimale sur tous supports.
Sécurité renforcée & conformité. Reconnu pour sa sécurité, Strapi permet une gestion fine des rôles et permissions. La double authentification (2FA) est activée pour tous les accès administrateurs. La conformité RGPD est rigoureusement respectée grâce à CookieYes (mode V2) assurant une gestion claire et conforme des données personnelles.

Le + du projet

Le mot de la fin ?

Après un processus de sélection rigoureux, nous avons choisi à l’unanimité Smotly comme partenaire pour le développement de https://www.adisseo.com/. Notre nouveau site est désormais en ligne grâce à leur solide expertise technique et à leur volonté constante de trouver des solutions sans jamais perdre de vue l’expérience utilisateur (UX design). L’équipe de Smotly est facilement joignable et réactive dans la résolution des bugs, ce qui est très apprécié. Nous nous réjouissons de continuer à collaborer avec Smotly en tant qu’agence web.

Jansen Sven, Content Manager

Audit gratuit

Prenez rendez-vous gratuitement en 1 clic !

Vous souhaitez créer ou refondre votre site vitrine, ou avez des questions à nous poser ? Réservez un créneau pour un échange par téléphone ou par visio.

Prochaines disponibilités

Stéphane