Satoriz

Entretenir et faire évoluer le site d’une enseigne bio

Structure

Enseigne de magasins bio

Période

De 2025 à aujourd’hui

Mon travail

Maintenance du site, conception et développement web

Lieu

À distance

Catégorie

,

Satoriz est une enseigne pionnière du bio, née en 1981. Son site présente ses magasins et ses restaurants, informe sur le bio et publie des recettes. Les courses peuvent se faire en ligne sur un site Click & Collect à part.

Notre collaboration a commencé à l’été 2025, sur la recommandation de Lucas Sifoni, développeur avec qui j’avais travaillé sur d’autres projets. Il avait audité le site et conseillé de confier son suivi à un interlocuteur régulier. Satoriz avait déjà une liste de demandes classées par urgence. J’y ai répondu point par point : les interventions immédiates, celles qui demandaient un devis, et celles à regrouper dans des chantiers plus importants.

Voir le site

Ce que couvre ma collaboration avec Satoriz :

  • la maintenance du site, dans un forfait de quatre heures par mois : mises à jour de WordPress et des extensions, corrections et petites évolutions progressives,
  • des chantiers plus importants, prévus dès le départ et lancés un par un, selon les priorités et les disponibilités de l’équipe de Satoriz.

Certaines petites évolutions améliorent aussi l’usage du site. À la demande de Satoriz, j’ai par exemple revu l’affichage des résultats de la recherche de magasin pour les rendre plus lisibles, proposé un pictogramme de localisation, ajouté les codes postaux pour distinguer les communes de même nom.

Je n’interviens que sur satoriz.fr, avec une attention particulière aux liens vers le Click & Collect, là où ils sont utiles à l’utilisateur.

Le premier grand chantier : la page recette

La demande : des recettes soignées, mal servies par leur page

Les recettes de Satoriz sont écrites en interne par Clea, autrice culinaire, et illustrées de belles photos. Elles étaient faciles à trouver, mais leur page ne leur rendait pas justice : ingrédients et étapes mis bout à bout dans le corps du texte, mise en page datée. La refonte de cette page figurait dans la liste de Satoriz dès le départ.

La priorité : une recette se lit en cuisine

J’ai épluché mes livres de cuisine ainsi qu’une dizaine de sites et d’applications de recettes, puis imaginé avec l’équipe des scénarios d’usage. Une lectrice de la newsletter découvre une recette et s’aperçoit qu’il lui manque un ingrédient. Une autre veut l’imprimer pour l’avoir sous les yeux en cuisine. Un autre cuisine avec son téléphone posé sur le plan de travail, les mains sales, et l’écran se met en veille.

La priorité était donc de concevoir une page qu’on puisse utiliser en cuisinant. Des ingrédients qu’on parcourt d’un coup d’œil, des étapes lisibles et structurées, une version imprimable, et un lien vers le Click & Collect pour chaque ingrédient.

Les wireframes, sur mobile et sur ordinateur : chaque ingrédient mène au Click & Collect.

L’intention : la clarté d’un livre de cuisine

Mon premier livre de cuisine était un Betty Bossi, une référence en Suisse. J’en ai repris une astuce pour la liste des ingrédients : les quantités alignées à droite, les noms alignés à gauche, en deux colonnes qui se font face. On parcourt la liste d’un coup d’œil pour vérifier ce qu’on a déjà.

Le haut de la page : quantités à droite et ingrédients à gauche, chacun relié au Click & Collect, le mode cuisine, et des étapes aux grands numéros.

Le reste de la page suit la même idée :

  • des étapes numérotées, avec de grands numéros pour ne pas perdre le fil,
  • un mode cuisine, qui empêche l’écran de s’assombrir,
  • chaque ingrédient relié automatiquement au Click & Collect,
  • un espace de questions, auxquelles Clea répond,
  • des recettes similaires en bas de page.
Deux recettes similaires : des pickles de radis roses et une tarte citron pistache, photos aux bords déchirés, titres en vert avec une flèche dessinée.
Les recettes similaires, en bas de page.

Le choix : s’appuyer sur un outil spécialisé

En étudiant les sites de recettes, j’ai remarqué que l’un d’eux s’appuyait sur WP Recipe Maker, une extension WordPress dédiée aux recettes. Elle couvrait déjà une bonne partie de nos besoins : version imprimable, mode cuisine, données lisibles par les moteurs de recherche, utiles au référencement. Je l’ai recommandée à Satoriz plutôt que de tout développer sur mesure, pour s’appuyer sur l’expertise de développeurs qui ne font que ça.

Mon travail a donc porté sur les besoins spécifiques du projet : le design de la page, aux couleurs de Satoriz, et les développements sur mesure qui la relient au reste du site, comme les liens automatiques des ingrédients vers le Click & Collect. J’ai aussi fait le lien avec le développeur de l’extension : je lui ai transmis de petits bugs et certains ajustements, comme des subtilités d’écriture des quantités en français, et il les a intégrés aux versions suivantes.

Après la refonte

La nouvelle page est en ligne. Nous avons choisi de migrer les recettes une à une : nouvelles et anciennes présentations peuvent cohabiter, et chaque recette garde son adresse, pour préserver les liens existants et limiter les effets sur le référencement. Si besoin, pour Clea, revenir à l’ancienne présentation d’une recette se fait en un clic.

Dès les premières semaines, des lecteurs ont posé leurs questions sous les recettes, et Clea y a répondu (par exemple sous les biscuits pistache, citron et ricotta).

De mon côté, je continue à m’occuper du site de Satoriz, entre maintenance et nouveaux chantiers.

Studio Vivant ! d’après Satoriz

« Prestataire web réactif et à l’écoute, techniquement au top et adapté à notre structure (entreprise engagée de taille moyenne). »

Claire Chapoutot, responsable communication de Satoriz et autrice des recettes sous le nom de Clea

« Éthique, pro, autonome, réactif et très sympa. »

V. M., chargé de communication visuelle de Satoriz

Crédits

Recettes et photos des recettes : Clea, Satoriz
Conception, intégration et développement de la page recette : Nicolas Guichard
Photo de la tablette : Jeff Sheldon, Unsplash


Je suis Nicolas Guichard, designer. Sous le nom de Studio Vivant, je conçois, réalise et fais évoluer les sites, les outils numériques et les supports de communication d’associations, de coopératives et d’entreprises. Je pars du contexte et des usages réels de chacun de leurs publics pour créer des solutions claires et fonctionnelles.

Comment je travaille
Prendre contact

bonjour@studiovivant.fr

D’autres travaux

  • Dwatts

    Rendre lisibles les offres d’une coopérative d’énergie, et y souscrire en ligne

    De 2016 à aujourd’hui

  • CPTS du Diois

    Donner de la visibilité à des actions locales de santé publique

    De 2024 à aujourd’hui

  • Daysk

    Une équipe de coworkers pour le site d’une app de bureaux partagés

    2026