Cooked
Application mobile pour réserver des défis culinaires entre inconnus. Le numérique sert de point de départ à une vraie rencontre IRL.
Objectifs & contraintes
Le projet est né lors d’un workshop intensif d’une semaine aux Gobelins. Le thème imposé : allier « un lieu + des interfaces », avec un objectif fort — s’éloigner des dark patterns et utiliser le numérique non pas pour retenir l’attention sur un écran, mais pour créer de véritables rencontres IRL.
Après plusieurs pistes, j’ai proposé l’idée d’une expérience hybride inspirée des escape games urbains : un mini-jeu interactif où inconnus et amis se retrouvent pour cuisiner ensemble, en faisant face à des défis ludiques et des contraintes imposées par l’application. Le nom « Cooked » s’est imposé comme une évidence : jeune, anglophone, il signifie littéralement « cuisiné » — mais c’est aussi une expression populaire pour dire qu’on est « dans la sauce », ce qui colle parfaitement aux rebondissements et moments de panique amusants générés par le jeu.
Interfaces & fonctionnalités
L’objectif UX : rendre la navigation fluide et évidente pour que l’interface s’efface au profit de l’action. Wireframes allant à l’essentiel — une Bottom Tab Bar classique et accessible au pouce pour switcher instantanément entre les catégories.
Sur l’écran principal, la hiérarchie est stricte : planning et état de la session en haut, événements et défis au centre. Cette structure permet à l’utilisateur de comprendre où il en est dans son défi en un coup d’œil, sans friction cognitive.
Le public visé
Le concept s’adresse principalement aux jeunes adultes et étudiants. Notre persona type cherche à casser sa routine, à faire des rencontres authentiques et à vivre une expérience sociale forte, loin de la superficialité des réseaux sociaux classiques. Cooked est fait pour ceux qui n’ont pas peur de mettre la main à la pâte pour créer du lien.
Des couleurs qui mettent en appétit
La direction artistique repose sur des couleurs appétissantes et dynamiques. Le fond de l’application utilise un blanc cassé « off-white » — raccord avec notre logo — pour reposer l’œil. La couleur principale est un orange vibrant : il apporte du pep’s, du dynamisme et matche parfaitement avec l’univers de la nourriture. Pour le reste de la palette, on s’est inspirés des teintes du piment : jaune, orange, rouge, vert. Ces couleurs servent de repères visuels pour indiquer le niveau de difficulté des défis. Choix fort : bannir les couleurs froides comme le bleu, teinte rare et peu appétissante dans le monde culinaire.
Structure tech vs. confort de lecture
Trois typographies pour trois usages, qui structurent toute l’expérience de marque.
Avec ses courbes généreuses et son aspect chaleureux, elle incarne parfaitement l’esprit convivial et accessible de Cooked. Idéale pour capter l’attention et donner un ton dynamique.
Une typographie géométrique et épurée sans empattement. Elle garantit une lisibilité absolue pour les instructions de recettes et le confort de lecture de l’utilisateur.
Utilisée par petites touches stratégiques, cette police manuscrite casse la rigidité numérique et rappelle l’aspect « fait main » des rencontres dans la vraie vie.
Une iconographie fonctionnelle & attachante
L’iconographie a été dessinée pour être à la fois fonctionnelle et attachante. Les piments remplacent les étoiles classiques pour jauger la difficulté d’une recette ou d’un défi. J’ai conçu de petits personnages (les « blobs ») qui interviennent dans l’application pour guider l’utilisateur, illustrer une erreur ou célébrer une victoire — ils humanisent l’expérience. Un GIF de marmite bouillonnante a aussi été créé pour les écrans de chargement, transformant une attente frustrante en moment feel good.
Deux personnages autour d’une marmite
Le logo est la synthèse de notre concept : deux petits personnages assis de part et d’autre de la typographie « Cooked », posés comme s’ils étaient dans une tasse ou une marmite, en pleine discussion. L’idée est littérale et efficace : cuisiner ensemble, c’est avant tout échanger, rire et partager un bon moment.
Pour vérifier la viabilité de notre image de marque, nous l’avons exportée au-delà du téléphone. La création d’un compte Instagram fictif et de maquettes d’affichage urbain (panneaux publicitaires) prouve que notre DA est percutante : elle attire l’œil dans la rue et donne immédiatement le ton de l’expérience.
Le design interactif prend vie
Le design interactif prend tout son sens lorsqu’il est animé. Cette vidéo de démonstration compile les différents écrans finaux : elle illustre la fluidité des transitions et montre concrètement le parcours d’un joueur, de la création de la session jusqu’au lancement des mini-jeux.
Plongez dans l’expérience
Rien ne vaut la pratique pour juger une interface. Plongez dans l’expérience utilisateur de Cooked grâce à ce prototype interactif. Scrollez, cliquez et découvrez le flux de réservation d’une session comme si vous y étiez.
Ouvrir le prototype dans Figma ↗
