Design Thinking · Low-fi · High-fi · Responsive

Cook Better — Apprendre à cuisiner sain

Cook Better est un site web responsive destiné aux amoureux de la cuisine souhaitant apprendre à préparer des repas sains via des parcours guidés, des recettes structurées et une interface accessible.

Design Thinking Wireframes High Fidelity Responsive
Voir le résultat Voir le prototype
Maquette haute fidélité desktop Cook Better

Responsabilités

Persona

Persona Cook Better

Wireframes

Wireframes papier desktop Wireframes papier mobile

Prototype basse fidélité

Prototype basse fidélité desktop Prototype basse fidélité mobile

Prototype haute fidélité

Prototype haute fidélité desktop global
Écran mobile 1 Écran mobile 2 Écran mobile 3

Responsive – Basse fidélité

Basse fidélité responsive

Responsive – Haute fidélité

Haute fidélité responsive ensemble
Résultat final 1 Résultat final 2 Résultat final 3

Prototype final

Accédez au prototype Figma interactif pour parcourir les écrans.

Voir le prototype Figma

Logiciels utilisés

Figma

UI DESIGN

Figma

Maquettes, composants, prototype haute fidélité.

Photoshop

Assets

Photoshop

Retouches visuelles et optimisation.

Google Drive

Organisation

Drive

Partage documentation & livrables.

Miro

Idéation

Miro

Brainstorming & parcours utilisateur.