Laboratoire  vivant  –  Lait  carboneutre 

2025

Client

  • Laboratoire vivant – Lait carboneutre

Secteur

  • Alimentaire
  • Conseil
  • Éducation
  • OSBL
  • Public

Tags

  • Conception de site web
  • Design UX/UI
  • Identité visuelle
  • Illustration
  • Intégration des contenus

Savoir-faires

  • WordPress
  • PHP
  • GSAP
  • WPML

Le Laboratoire vivant – Lait carboneutre (LVLC) est une vaste démarche d’innovation visant à réduire l’empreinte carbone des fermes laitières du Québec. Porté par Les Producteurs de lait du Québec et soutenu par Novalait et Agriculture et Agroalimentaire Canada, le projet mobilise plus de 40 chercheur·e·s et 20 fermes participantes. Son objectif : tester, évaluer et diffuser des pratiques de gestion bénéfiques pour tendre vers la carboneutralité.

Objectif

Développer une plateforme moderne, pédagogique et accessible permettant de présenter clairement la démarche du Laboratoire vivant – Lait carboneutre, ses champs d’action, ses résultats scientifiques et les équipes impliquées. Le site devait accueillir des contenus variés, offrir une navigation fluide et permettre au LVLC d’être entièrement autonome dans la gestion de ses publications.

Page d'accueil du site web du Laboratoire vivant – Lait carboneutre.
Des statistiques biens en vue sur la page d'accueil du site web.
Les champs d'action du Laboratoire vivant – Lait carboneutre.
L'abonnement à l'infolettre et le pied de page du site web.

Analyse stratégique

Nous avons amorcé le projet par une analyse UX approfondie portant sur les besoins du LVLC, la nature scientifique des contenus et les différents profils de visiteurs. L’enjeu principal était de structurer les informations en un parcours simple, intuitif et facilement navigable. Cette réflexion a mené à une architecture centrée sur trois axes clés : la démarche, les champs d’action et les équipes.

La démarche du Laboratoire vivant – Lait carboneutre.
Différents types d'affichage sur la page de la démarche du LVLC.

Direction artistique

Le site adopte une direction artistique douce, lumineuse et contemporaine. Une palette composée de bleus, verts, jaunes et oranges évoque la nature et la collaboration. L’ensemble des illustrations a été réalisé par Kryzalid de manière simple, uniforme et attrayante. Le design met l’accent sur la lisibilité, l’accessibilité et la simplicité, avec des espaces respirants et des typographies modernes.

Les champs d'action du LVLC.
Page de détail d'un champ d'action du Laboratoire vivant - Lait carboneutre.

Design et fonctionnalités

La navigation principale est intuitive et structure les contenus autour de la démarche scientifique, des champs d’action et des équipes participantes. Une sous-navigation latérale fixe permet d’explorer aisément les pages plus étoffées. Le design épuré, les illustrations sur mesure et la mise en page cohérente assurent une expérience fluide sur l’ensemble du site.

Présentation de l'équipe du LVLC.
Présentation de l'équipe en format mobile.
Présentation de l'équipe en format desktop.

Développement

Nous avons construit le site web sur WordPress avec des gabarits modulaires sur mesure. La structure facilite le dépôt de contenus variés, et l’équipe LVLC peut mettre à jour ses publications via une interface simple et flexible. Une attention particulière a été portée à l’optimisation SEO et l’accessibilité pour favoriser la diffusion des résultats scientifiques.

Les publications du LVLC en version mobile.
Les filtres de recherche appliqués aux publications.
Page de liste des publications du Laboratoire vivant - Lait carboneutre.
Présentation des différents types de contenus affichés àà la suite des articles du LVLC.

Résultat

Le LVLC dispose aujourd’hui d’un site web distinctif, moderne et hautement fonctionnel. La plateforme met en valeur le travail scientifique et collaboratif du laboratoire tout en rendant l’information accessible à un large public. Grâce à la combinaison d’une architecture claire, d’un design épuré et d’illustrations personnalisées, le site devient un outil essentiel pour partager les résultats d’un projet majeur visant la carboneutralité dans le secteur laitier.

La page contact du Laboratoire vivant - Lait carboneutre.
La page 404 du LVLC.
La page de politique de confidentialité du LVLC.