Big Boss Studio, 2022

La Fabrique à menus

The week’s menus, goals at your own pace and the shopping list, for Santé publique France.

Role: [Your role]
Stack: [Stack]
Expertise: Web

www.mangerbouger.fr

01<Specs />

TOP BAR

KPI

CHART

ALERTS

1440 × 900 · 12 col.

02<Wireframe />

app/la-fabrique-amenus/page.tsx
1export default async function LaFabriqueAMenus() {
const data = await load('la-fabrique-amenus');
return (
  <Page>
    <TopBar search />
    <Menu active="alerts" />
    <Stats data={stats} />
    <Chart series={incidents} />
    <List rows={alerts} filter={filter} />
  </Page>
);
12}

03<Code />

04<Interface />

1navigate

2filter

3open

05<Interactions />

ease-in-out · 300 ms

06<Animations />

01 · Context

Launched in 2013, La Fabrique à menus (the menu maker) on Manger Bouger, Santé publique France’s website, suggests balanced menus for the whole week. The new version, live in 2022, follows the recommendations of France’s National Nutrition and Health Programme (PNNS 4).

02 · The problems to solve

[The first problem to solve.]
[The second.]
[The third.]

03 · Features

My preferences

No pork, no meat, vegetarian; starter and main, main and dessert, or all three: menus follow each person’s habits.

My goals

Nutrition goals to reach step by step, week after week.

Weekly view

Each day’s meals, or the whole week at a glance.

My shopping list

Built automatically from the menus, and downloadable as a PDF.

04 · The technical solution

[The technical solution, in one strong sentence.]

A progressive web app: it installs on the home screen like an app, and a service worker keeps its resources cached. [To complete: stack, your role.]

[Building block]: [Its role in the solution.]
[Building block]: [Its role in the solution.]
[Building block]: [Its role in the solution.]

05 · Results

[Figure]

[What it measures]

[Figure]

[What it measures]

[Figure]

[What it measures]

Next project · 12 / 16French Road Safety, 50 years