100grammes

Défi

100grammes est fait pour les gens qui veulent optimiser leur épicerie hebdomadaire. Les prix au Québec changent d’une semaine à l’autre et d’un magasin à l’autre - et sans données en direct de chaque épicier autour de vous, choisir la caisse la moins chère est en pratique impossible. 100grammes règle ça : prenez votre liste de courses, voyez en direct les prix de chaque épicier autour de vous, et passez à la caisse qui coûte le moins.

Le brief était exigeant : tirer les prix des épiciers locaux, les garder frais, les présenter de façon à ce que ça ressemble à une vitrine et non à un tableur, et bâtir une liste de courses personnelle qui suit l’utilisateur partout - à la maison sur le web et dans l’allée sur l’iPhone.

Approche

Nous avons construit 100grammes.ca comme une expérience web et iPhone appairée autour d’une liste de courses partagée et d’un moteur d’agrégation de prix qui surveille les épiciers locaux :

• Vitrine web - un grid produits large et riche en images avec des bandeaux curés (« C’est le temps du Superbowl », « Bataille d’avocats ») et une navigation par catégorie. Chaque fiche produit affiche le meilleur prix actuel parmi les épiciers agrégés ; la page d’accueil peut être re-habillée pour des événements et campagnes saisonnières sans aucune intervention d’ingénierie.
• Application iPhone - un flow mobile centré sur « Mon épicerie » : liste de courses personnelle, ajout rapide d’un produit, suggestions, fiche produit et une recherche taillée pour l’usage en allée. Ouvre-la avant de partir, la caisse la moins chère est déjà choisie.
• Console d’opérations - une vue desktop back-office pour le catalogue, les flux de prix et la logique d’agrégation, construite comme un panneau d’administration moderne.
• Marque et design system - Proxima Nova pour le corps, Rubik pour les titres, un moodboard autour des produits frais distillé en une bibliothèque de composants compacte réutilisée sur les deux surfaces.

Le travail a suivi le même flux discipliné que nous appliquons aux logiciels régulés : idéation et roadmap, moodboard et style guide, wireframe, prototype et design UX/UI, développement logiciel, tests logiciels, exploitation technique.

Résultat

Un agrégateur de prix d’épicerie francophone pour le Québec, en ligne sur 100grammes.ca sur le web et sur iPhone dans la poche - une liste de courses, plusieurs épiciers, la caisse la moins chère pour chaque ligne. La promesse en page d’accueil : économisez jusqu’à 30% sur votre épicerie hebdomadaire.