ITHQ

Donner aux institutions québécoises les moyens de s'approvisionner localement

Vue plongeante sur des personnes partageant un repas autour d'une table en bois garnie de légumes frais, de fromages, de pain et de produits locaux.

Le contexte

En 2020, le gouvernement du Québec a lancé la Stratégie nationale d’achat d’aliments québécois (SNAAQ) par l’entremise du ministère de l’Agriculture, des Pêcheries et de l’Alimentation du Québec (MAPAQ). Cette stratégie vise à accroître la part des aliments produits ou transformés au Québec dans les institutions publiques. Pour rendre cette ambition mesurable, les écoles, les hôpitaux et les autres établissements gouvernementaux doivent s'engager à respecter des cibles d'approvisionnement claires, soit en adoptant un nombre minimal de produits québécois au menu, soit en atteignant un pourcentage défini de produits locaux dans l'ensemble de leurs achats alimentaires.

Pour soutenir ce virage à l'échelle de la province, l’ Institut de tourisme et d’hôtellerie du Québec (ITHQ) a reçu le mandat de diriger l'initiative et de développer une plateforme Web pour aider les institutions à suivre et à analyser la provenance de leurs achats alimentaires au fil du temps. C'est ainsi qu'est né Tracéco, dont la première phase a été lancée en 2023 auprès d'un groupe restreint d'utilisateurs pilotes. Alors que la plateforme se préparait au déploiement de sa deuxième phase, l’ITHQ a lancé un appel d'offres public afin de sélectionner un partenaire de conception pour repenser l'expérience et l'interface utilisateur.

Détails du projet

Industry

Agroalimentaire

Technologies

VueJS

Laravel Nova

Services

Design

Business Analysis

Innovation

Le défi

Bien que puissante, la première version de Tracéco était dense et difficile à naviguer. Conçue sans l'intervention d'experts en design, elle fonctionnait davantage comme une base de données brute que comme une expérience produit guidée. Pour soutenir sa prochaine étape, la plateforme devait devenir plus intuitive et évolutive. Osedea a reçu le mandat de diriger la refonte de Tracéco, en préservant ses technologies fondamentales tout en rehaussant l'expérience utilisateur globale.

Historiquement, les institutions publiques du Québec s'appuyaient sur des outils comme Excel et des logiciels d'approvisionnement pour gérer les factures, les budgets et les commandes auprès des distributeurs. Ces systèmes géraient bien les transactions, mais n'offraient aucune visibilité sur la provenance des dépenses alimentaires. Une fois les exigences de la SNAAQ entrées en vigueur, cette lacune est devenue impossible à ignorer.

Notre défi principal consistait à repenser l'expérience utilisateur de Tracéco tout en tirant parti de sa base technique existante. L'objectif était de créer une solution inédite permettant aux institutions publiques de comprendre le ratio d'achats alimentaires québécois par rapport aux achats hors Québec et de fixer des cibles d'amélioration mesurables. À partir de là, elles peuvent travailler à atteindre ces objectifs grâce à des conseils intégrés à l'application, des recommandations de produits de remplacement et un suivi de la progression.

La plateforme devait répondre aux besoins de trois types d'utilisateurs principaux :

Superutilisateurs : acheteurs institutionnels et équipes d'approvisionnement ayant besoin d'analyses de données approfondies, d'exportations et de rapports de conformité.
Utilisateurs opérationnels : gestionnaires de cafétérias et directeurs des services alimentaires qui utilisent la plateforme de manière plus ponctuelle pour examiner les progrès et éclairer les décisions d'achat quotidiennes.
Conseillers SNAAQ : experts en la matière qui guident les institutions tout au long de leur transition, les aidant à interpréter les données, à identifier les opportunités et à progresser vers leurs cibles d'approvisionnement.

‍

La mission

Nous avons commencé par un audit complet de la solution Tracéco existante. Avant de repenser quoi que ce soit, nous devions comprendre ce qui fonctionnait, ce qui ne fonctionnait pas et où se situaient les points de friction pour les utilisateurs. Un atelier de vision a suivi pour harmoniser les ambitions, les contraintes et les critères de succès.

La recherche a suivi. Nous avons mené des entrevues avec les superutilisateurs et les utilisateurs opérationnels, en explorant leurs outils, leur contexte et leurs processus d'approvisionnement pour comprendre comment Tracéco pouvait mieux soutenir la prise de décision réelle. Forts de ces informations, nous sommes passés à l'étape de la priorisation, en identifiant les besoins les plus urgents des utilisateurs et en nous alignant avec l'équipe de l'ITHQ sur une orientation produit plus claire.

D'un point de vue technique, nous avons évolué dans un environnement hybride. Laravel Nova propulsait la plateforme originale, mais imposait des contraintes structurelles et de design. VueJS a permis la création de pages plus dynamiques avec de meilleures visualisations et capacités graphiques. Notre défi était de respecter la base existante tout en rehaussant l'expérience là où cela comptait le plus.

Nous avons retravaillé les anciens écrans, créé un nouveau système de design aligné sur l'image de marque actualisée de Tracéco et repensé le parcours de la plateforme. Le tableau de bord a fait l'objet de l'une des transformations les plus importantes. Les tableaux denses et les options trop nombreuses ont été simplifiés en catégories, substituts et vues comparatives plus clairs, appuyés par des filtres optimisés. Après avoir construit un prototype haute fidélité, nous sommes retournés voir les utilisateurs pour le valider. Leurs commentaires nous ont aidés à affiner les interactions et à clarifier les points de données clés. Ensuite, avec le temps qu'il nous restait, nous avons introduit deux fonctionnalités à fort impact : les favoris et les paniers.

Interface de la plateforme Tracéco affichant des substituts alimentaires québécois pour des tomates Roma importées, avec des filtres par catégories de produits, fournisseurs et origine géographique.

Tableau de bord de comparaison de produits Tracéco montrant des tomates Roma importées par rapport à des tomates cultivées au Québec, avec les prix, les différences de coûts annuels et l'impact sur les achats alimentaires locaux.

Tableau de bord Tracéco en mode sombre affichant les dépenses d'approvisionnement alimentaire par catégorie, avec un graphique à barres comparant les achats québécois, canadiens et internationaux, ainsi qu'un tableau de la performance en matière d'approvisionnement local.

Le résultat

Nous avons livré un prototype haute fidélité, des maquettes annotées en mode clair et sombre pour chaque fonctionnalité, ainsi qu'un nouveau système de design qui a intégré l'image de marque actualisée de l'ITHQ dans une interface moderne et cohérente.

L'UX et l'UI repensées rendent la profondeur d'information de la plateforme accessible, exploitable et intuitive. Les utilisateurs sont désormais guidés par un parcours clair. Ils peuvent voir instantanément le pourcentage de produits qu'ils achètent auprès de fournisseurs québécois, identifier les domaines à améliorer et explorer des produits de remplacement dans le même format ou la même catégorie auprès de leur distributeur actuel (ou d'un nouveau). Les conseils intégrés et les instructions étape par étape facilitent le test de scénarios et l'évaluation des substitutions.

Pour utiliser la plateforme, les utilisateurs se connectent et téléchargent les factures d'achat des ingrédients couramment approvisionnés, obtenant ainsi une visibilité structurée sur l'origine des produits, l'emplacement des fournisseurs et les données de prix. Tracéco croise les informations téléchargées avec la base de données de plus de 18 000 produits de l'ITHQ et propose des alternatives québécoises, chacune accompagnée de codes de distributeur et de liens directs vers les produits, ce qui facilite l'amorce de discussions sur les prix avec des fournisseurs potentiels et la négociation des tarifs.

Par exemple, si une institution achète habituellement du bœuf haché auprès d'un fournisseur agricole en Alberta, Tracéco identifie des alternatives québécoises comparables dans le même format et la même catégorie, avec toutes les informations sur le fournisseur. Les utilisateurs peuvent contacter leur distributeur actuel ou un nouveau pour plus d'informations et saisir manuellement les tarifs convenus dans la plateforme pour référence future. Ils peuvent également enregistrer des produits dans leurs favoris pour un accès rapide ou regrouper des ingrédients dans des paniers pour analyser les substitutions au niveau de la recette et comparer à la fois le pourcentage d'origine québécoise et l'impact sur les coûts.

Cette transformation a été rendue possible grâce à une étroite collaboration tout au long des phases de découverte et de conception. Bien que nous ayons dirigé l'UX et l'UI, nous avons travaillé en étroite collaboration avec le responsable technique interne de l'ITHQ pour assurer la faisabilité et l'alignement avec la base existante.

La plateforme repensée dessert désormais toutes les parties prenantes, et non seulement les utilisateurs experts, en équilibrant la profondeur analytique et la convivialité au quotidien.

La suite...

Équipé d'un prototype validé, l'ITHQ est prêt à passer au développement et à préparer la plateforme pour une adoption institutionnelle plus large.

Tracéco présente un potentiel important pour l'ensemble des institutions publiques du Québec, servant d'outil d'aide à la décision pour les organisations travaillant à atteindre leurs engagements SNAAQ. En augmentant les achats institutionnels d'aliments produits et transformés au Québec, la plateforme peut contribuer à stimuler une demande plus forte pour les agriculteurs, les pêcheurs et les transformateurs alimentaires locaux, tout en conservant davantage de dollars alimentaires au Québec.

Nous sommes fiers d'avoir contribué à un projet ayant un impact significatif à l'échelle de la province. En renforçant les chaînes d'approvisionnement régionales, en soutenant des emplois dans tout le secteur bioalimentaire et en renforçant les objectifs d'autonomie alimentaire et de durabilité, Tracéco représente le type d'innovation qui nous tient à cœur. Aider les institutions publiques à prendre des décisions d'approvisionnement plus éclairées et axées sur le local reflète le type d'innovation qui nous tient à cœur.

Prêt à repenser votre expérience utilisateur et à libérer tout le potentiel de votre technologie ? Parlons-en.