Novalait 

2025

Client

  • Novalait

Secteur

  • Alimentaire
  • Privé

Tags

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

Savoir-faires

  • WordPress
  • PHP
  • MySQL
  • GSAP
  • WPML

Fondée en 1995 par les producteurs et transformateurs de lait du Québec, Novalait finance la recherche appliquée pour stimuler l’innovation dans l’industrie laitière. Elle réunit tous les acteurs du secteur, des fermes familiales aux multinationales, autour d’une mission commune : stimuler l'innovation par les découvertes et l'expertise scientifique.

Objectif

Moderniser la plateforme web de Novalait afin qu’elle reflète l’évolution de l’organisation et sa mission. Le site précédent, devenu difficile à naviguer et à mettre à jour, ne répondait plus aux besoins du client en matière de structure, de lisibilité et de diffusion des projets de recherche. L’objectif était de créer un site clair, inspirant et fonctionnel, mettant en valeur les retombées concrètes des recherches financées.

Le site web met en vedette l'identité visuelle de Novalait.
Vue mobile du site web de Novalait.
La typographie est mise de l'avant sur le site de Novalait.
Des mises en pages dynamiques.

Design UX

Nous avons repensé l’arborescence du site pour mieux orienter les utilisateurs selon leurs besoins – chercheurs, partenaires, producteurs et transformateurs. Des gabarits sur mesure ont été créés pour les projets de recherche, les priorités scientifiques, le réseau de chercheurs et les impacts sur le terrain. Chaque type de contenu a été structuré de façon uniforme pour améliorer l’expérience de lecture et faciliter la recherche d’information.

Design UX et UI pour la refonte du site web.
Page équipe : version UX
Page équipe : version UI

Design UI

L’interface visuelle est épurée, moderne et assumée. Elle s’appuie sur des visuels grand format, une typographie distinctive et des éléments graphiques clairs comme des icônes, des encadrés et des infographies. Bien que conçue à partir de la nouvelle identité visuelle développée par une autre agence, l’approche UI a été adaptée pour le numérique, en tenant compte des enjeux d’ergonomie et de lisibilité à l’écran.

Des icônes qui mettent en valeur l'identité visuelle.
Des graphiques et des icônes pour Novalait.
Le pied de page du site web.

Développement

Le site a été développé sur WordPress avec une structure flexible et responsive, assurant une expérience fluide sur tous les types d’écrans. Un système de filtres permet aux utilisateurs d’explorer facilement les projets de recherche et les nouvelles. L’intégration de l’outil Yoast SEO offre un contrôle précis sur les métadonnées pour améliorer le positionnement organique. Le client bénéficie d’une gestion simplifiée des contenus via une interface conviviale.

Utilisation de la photographie sur Novalait.
Liste des nouvelles.
Vue mobile d'une actualité.

Résultat

Le nouveau site web de Novalait présente une identité numérique forte, à l’image de sa mission et de son rayonnement. Son design accueillant, son architecture fluide et ses contenus bien organisés renforcent la crédibilité de l’organisation auprès de ses partenaires et du grand public. Le site met en lumière les retombées concrètes des projets soutenus, tout en offrant une plateforme évolutive et facile à maintenir.

Photo utilisée sur le site web.
Page 404 de Novalait.