Cooked .

#IdentitéVisuelle

#UI/UX

#Mascotte

#Hôtellerie

Application mobile pour réserver des défis culinaires entre inconnus.
Le numérique sert de point de départ à une vraie rencontre IRL.

Rôle

UX/UI Designer & Concept

Durée

Workshop · 1 semaine

Livrables

App, identité, mockups, vidéo

01 — Contexte

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. Projet conçu en équipe de 8 personnes.

02 — Wireframes

Début des interface et des 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.

03 — Persona

Le type de publique cibler

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.

04 — Direction Artistique

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 ont un sens — elles 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.

#F9FAFB

Fond blanc

#FFE522

Jaune piment

SECONDAIRE

#7DBA1A

Vert piment

SECONDAIRE

#FF7205

Orange piment

PRIMAIRE

#FFDBB4

Orange clair

LEGER

#DF0F00

Rouge piment

SECONDAIRE

#8A0D0F

Rouge foncer

SECONDAIRE

05 — Typographie

Structure tech vs. confort de lecture

Trois typographies pour trois usages : Fredoka pour les titres (formes rondes et épaisses, gourmande et
ludique). DIN Pro pour le corps de texte (clarté et lisibilité parfaites pour les instructions et recettes). Chinchilla en typographie d’accentuation, par petites touches, pour un effet manuscrit qui apporte une
chaleur humaine à l’univers de marque.

Display · Titres & éléments forts

Fredoka One

Impact visuel

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 à l'expérience.

BODY · TEXTES COURANTS & UI

DIN Pro

Structure & lisibilité

Une typographie géométrique et épurée sans empattement. Elle ne surcharge pas l'interface et garantit une lisibilité absolue pour les instructions de recettes, assurant le confort de lecture de l'utilisateur.

ACCENT · ANNOTATIONS & TOUCHE HUMAINE

Chinehilla

Organique & spontanée

Utilisée par petites touches stratégiques, cette police manuscrite vient casser la rigidité numérique. Elle apporte une dimension authentique et rappelle l'aspect "fait main" des rencontres dans la vraie vie.

06 — Iconographie

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.

Piments · jauge de difficulté

Icônes flat · navigation

Blobs · mascottes

Marmite animée · chargement

07 — Le logo

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.

Logo Cooked

Le logo Cooked illustre l'essence du concept : deux personnages conviviaux, installés de chaque côté du nom, évoquant une ambiance chaleureuse et un échange culinaire.
L'ensemble symbolise le partage, le rire et la joie de cuisiner ensemble. Les couleurs vives et les formes arrondies renforcent l'aspect ludique et accessible de l'application, invitant à la découverte et à la convivialité.

08 — Publiciter

Le type de publique cibler

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.

Réseaux sociaux

Affiche publicitaire

10 — vidéo de présentation

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.

Vidéo de présentation de l’application

Cette vidéo présente les différents visuels de l'application mobile, mettant en valeur le design interactif, la fluidité des transitions et le parcours utilisateur, de la création de session au lancement des mini-jeux.

11 — Test du
prototype
interactif

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 jouable directement depuis ce faux téléphone. Scrollez, cliquez et découvrez le
flux de réservation d’une session comme si vous y étiez.