Refonte technique et graphique du site SOY : un outil digital sur mesure au service des utilisateurs
Le groupe Nutrition & Santé nous a mandatés pour la refonte technique du site web de leur marque SOY, référence incontournable des produits végétariens et biologiques en grande distribution.
Dans le cadre d’une optimisation d’usage, autant pour les visiteurs que pour les équipes éditoriales, notre mission a été de moderniser profondément l’architecture technique et graphique du site soy.fr. Objectif : simplifier la gestion des contenus, enrichir l’expérience utilisateur et améliorer les performances SEO du site.
Une structure sur mesure grâce aux Custom Post Types
Au cœur de cette refonte, la mise en place de Custom Post Types (CPT) spécifiques pour les recettes et les produits de la marque. Cette organisation technique offre une clarté et une modularité essentielles pour la gestion quotidienne du site. Grâce à cette approche, chaque type de contenu bénéficie d’un traitement adapté, avec des champs personnalisés parfaitement intégrés au back-office de WordPress.
Cette séparation permet également une mise en ligne rapide et intuitive pour les administrateurs, même sans compétences techniques, tout en conservant une grande richesse fonctionnelle.
Un back-office simplifié, pensé pour les équipes
La refonte a également permis une optimisation de l’interface d’administration, rendant l’utilisation du back-office de WordPress plus fluide, lisible et accessible. En structurant les contenus via des champs personnalisés (ACF Pro), les équipes de Nutrition & Santé peuvent désormais ajouter ou modifier des recettes et des produits de manière efficace et cohérente, tout en respectant la ligne éditoriale de la marque.
Des fiches recettes dynamiques codées sur-mesure
Nous avons développé un système de fiches recettes dynamiques en PHP, véritable valeur ajoutée fonctionnelle du site. Chaque ingrédient peut être renseigné unitairement, avec les quantités exactes. Le visiteur peut ensuite ajuster ces quantités automatiquement en fonction du nombre de portions souhaitées, pour une expérience pratique et personnalisée.
Ces fiches sont également liées dynamiquement aux produits SOY via ACF Pro, offrant une vraie continuité entre inspiration culinaire et action concrète. En un clic, l’utilisateur retrouve les produits nécessaires à la réalisation de sa recette, renforçant l’interaction entre contenu éditorial et produit commercial.
Une navigation fluide grâce à des filtres puissants
Pour offrir une expérience utilisateur optimale, nous avons mis en place un système de filtres avancés, permettant aux visiteurs de rechercher rapidement et efficacement des recettes en fonction de multiples critères :
- termes ou mots-clés,
- types de plats (entrée, plat, dessert…),
- niveau de difficulté,
- durée de préparation ou de cuisson,
- ingrédients souhaités,
- ou encore régimes alimentaires ou thématiques spécifiques.
Ces filtres dynamiques rendent la navigation intuitive et participent à renforcer l’engagement des utilisateurs, qui trouvent rapidement les recettes correspondant à leurs envies ou à ce qu’ils ont dans leur placard.
Combinée à l’interconnexion entre produits et recettes, cette fonctionnalité fait du site soy.fr un véritable assistant culinaire digital, parfaitement adapté aux attentes des consommateurs modernes.
Design engageant et ergonomie pensée pour l’utilisateur
Côté interface, nous avons imaginé un webdesign moderne, épuré et engageant, en accord avec les valeurs écoresponsables de la marque. Chaque élément de l’interface répond à des critères précis d’UX/UI, facilitant la navigation, la lecture et la mise en avant des recettes et produits.
Les parcours utilisateurs ont été repensés pour encourager la découverte et renforcer la proximité avec les clients. La mise en page s’adapte dynamiquement aux différents supports (mobile, tablette, desktop), garantissant une expérience fluide et homogène sur tous les écrans.
Optimisation SEO et performance technique
Chaque page, qu’elle soit une recette, un produit ou une information institutionnelle, a été optimisée pour le référencement naturel (SEO). Les métadonnées, les balises structurées, les URL et les descriptions sont générées dynamiquement selon les bonnes pratiques pour permettre aux moteurs de recherche d’identifier précisément le type de contenu (recette, produit…).
Nous avons également veillé à l’optimisation du code : allègement des scripts, chargement différé des médias, gestion des caches, pour garantir une vitesse de chargement optimale, un élément clé pour l’expérience utilisateur et le référencement.
Une expérience digitale complète et maîtrisée
Avec cette refonte technique et graphique, le site soy.fr s’impose désormais comme un outil digital performant, à la fois pour les utilisateurs à la recherche d’inspiration végétale, et pour les équipes éditoriales en charge du contenu.
La maîtrise complète de la chaîne Web par l’agence Periwinkle – de l’ergonomie UX/UI au développement PHP personnalisé, en passant par l’intégration ACF Pro et l’optimisation SEO – garantit à Nutrition & Santé un site robuste, évolutif et orienté utilisateur.
