100grammes

Challenge

100grammes is for people optimising their weekly groceries. Prices in Quebec move from week to week and from store to store - and without live data from every grocer around you, picking the cheapest till is, in practice, impossible. 100grammes fixes that: take your shopping list, see live prices from every grocery store around you, and head to the till that costs the least.

The brief was demanding: pull prices from local grocers, keep them fresh, present them in a way that feels like a storefront and not a spreadsheet, and build a personal shopping list that goes everywhere with the user - on the web at home and on the iPhone in the aisle.

Approach

We built 100grammes.ca as a paired web and iPhone experience around a shared shopping list and a price-aggregation engine that watches the local grocers:

• Web storefront - a wide, image-rich product grid with curated rails (“C’est le temps du Superbowl”, “Bataille d’avocats”) and category navigation. Each product card surfaces the best current price across the aggregated grocers; the home page can be re-themed for events and seasonal campaigns without engineering involvement.
• iPhone companion - a focused mobile flow centred on “Mon épicerie”: personal shopping list, quick add-product screen, suggestions, product details and a search experience tuned for in-aisle use. Open it before you leave home, the cheapest till is already chosen.
• Operations console - a back-office desktop view for the catalogue, the price feeds and the aggregation logic, built like a modern admin panel.
• Brand and design system - Proxima Nova for body, Rubik for titles, a fresh-produce moodboard distilled into a tight component library reused across both surfaces.

The work followed the same disciplined flow we apply to regulated software: ideation and roadmap, moodboard and style guide, wireframe, UX/UI prototype and design, software development, software testing, technical operation.

Outcome

A French-language grocery price aggregator for Quebec, live at 100grammes.ca on the web and on iPhone in the pocket - one shopping list, multiple grocers, the cheapest till for each line. The promise on the homepage: save up to 30% on your weekly shopping.