Un projet. Plusieurs chapitres.

ApplicationiOS & AndroidCréé en janvier 2025

MoodDish.

Choisir un repas selon son humeur et ses ingrédients, préparer ses courses et passer en cuisine. Deux applications natives qui partagent le même catalogue et l’univers de Moody.

Mon rôle

Conception et développement des applications natives iOS et Android, de l’API et des mécaniques de progression. Refonte du produit autour du catalogue et des usages en cuisine.

SwiftUIKotlinJetpack ComposeTypeScriptToute la stack

Voir le film · 1 min Voir le projet

Accueil natif iOS de la refonte MoodDish, avec humeur et accès au catalogue

Recherche par ingrédients de MoodDish avec les illustrations du catalogue et le bouton Trouver mon repas

L’app iOS, de l’envie à l’assiette.Cliquer sur les captures pour agrandir

MoodDish · le film

La cuisine prend vie.

Du choix du repas à l’univers de Moody, découvre la nouvelle expérience MoodDish et son édition Halloween. Un film réalisé avec les interfaces natives de l’app.

Feuilletons ensemble

Une idée.
Tout un parcours.

Fais défiler pour découvrir
ce qui se passe à l’intérieur.

Le nouvel accueil · Trouver un repas avec ses ingrédients

01 / 03Trouver son prochain repas

Une humeur. Ce qu’on a. Une idée.

La refonte place le catalogue de recettes au centre de l’app. On explore selon son humeur, ou on sélectionne les ingrédients du placard pour trouver des plats à cuisiner.

Retrouver des recettes selon les ingrédients disponibles, son humeur et le temps de préparation.
Repérer les ingrédients utilisés et ceux qui manquent, puis ouvrir la fiche recette.

Refonte 2026 : passage d’une première version générative à un parcours centré sur les recettes du catalogue.

Le nouvel accueil · Trouver un repas avec ses ingrédients

02 / 03De la recette à la préparation

Les courses et la cuisine se suivent.

La recette mène à une liste de courses puis à une préparation guidée. Les portions et les ingrédients déjà disponibles sont pris en compte pour préparer la liste.

Regrouper les besoins de plusieurs recettes, ajuster les portions et cocher ses achats.
Suivre les étapes de cuisine, utiliser les minuteurs et demander un coup de main au Village.

Mode cuisine natif de MoodDish avec étape, accès aux ingrédients et aide du Village

Liste de courses native de MoodDish avec deux recettes, catégories et ingrédients à cocher

La cuisine guidée · Les courses reliées aux recettes

03 / 03Progresser dans son univers

La cuisine devient personnelle.

Moody accompagne la progression : défis, XP et MoodCoins, cuisine à décorer et profil personnalisable. Le Village réunit les espaces de l’app et l’entraide entre cuisiniers.

Composer son profil avec Moody, un décor, un cadre, une couverture et un titre illustré.
Relever des défis et personnaliser sa cuisine avec les éléments débloqués.

Cuisine personnalisable de MoodDish dans la nouvelle version native iOS

Le profil et ses personnalisations · Une cuisine à faire évoluer

Les événements saisonniers

Un univers qui vit
au fil des saisons.

Des collections de recettes, des défis et des objets à découvrir pendant une période donnée. Halloween est la première édition de ce système d’événements.

Édition Halloween 2026

24 octobre au 2 novembre 2026

La cuisine
fait sa magie.

Un festin d’automne, Moody déguisé et un défi : cuisiner trois recettes différentes de la collection pour gagner Moody sorcier.

Une collection de recettes d’automne.
Un défi avec XP, MoodCoins et costume exclusif.
Des décors, cadres et couvertures en édition limitée.

Moody en costume de chef d’Halloween, avec une toque et un tablier citrouille

La même identité,
une autre saison.

Écran natif iOS de l’édition Halloween MoodDish en mode aperçu, avec le défi et Moody sorcier — Halloween : la collection et le défi

Village natif MoodDish en aperçu Halloween, avec ses bâtiments et décors de nuit — Le Village aux couleurs d’Halloween

Aperçus natifs de l’édition · données de démonstration

Côté développement, les dates, les recettes, le défi et la récompense sont définis dans les données de l’événement. Les objets acquis restent utilisables après la fin de l’édition.

La charte graphique · Alowa Studio

Une humeur.
Une identité.

J’ai collaboré avec Alowa Studio pour donner à MoodDish son univers visuel : un logo expressif, une palette et des typographies à décliner dans le produit.

La signature01 / MoodDish

une humeur, un plat

Les émotions jusque dans le nom.

Le symbole

L’icône de l’app

Les couleurs.

Une base violette, des accents pleins de vie.

Violet foncé#0F043A
Mauve#BFA1FD
Bleu#BCEDEC
Rouge#FF305D
Faux blanc#FBF8FF

La typographie.

Trois voix, chacune à sa place.

AntonTitres

Une humeur,
un plat.

Bubbler OneSous-titres & boutons

Qu’est-ce qu’on cuisine ?

RalewayCorps de texte

Une recette selon votre humeur, vos envies et les ingrédients que vous avez sous la main.

Une identité créée à plusieurs, un produit que je développe.
Alowa Studio a conçu la direction artistique et la charte. Mon rôle est de les traduire dans les interfaces et les parcours des applications iOS et Android.

Et le personnage dans tout ça ? Découvrir Moody

Le personnage du projet

Moody.
Une identité qui évolue.

Une première direction artistique, puis une mascotte déclinée pour l’application mobile et une expérience plus gamifiée.

Moody V1, la première mascotte de MoodDish dessinée en trait violet par Alowa Studio — La première silhouette de Moody.

V1 · Alowa Studio

Une première identité,
construite ensemble.

J’ai collaboré avec Alowa Studio pour la direction artistique complète de MoodDish et la première version de Moody. Ce petit nuage pose les bases de l’univers visuel de l’application.

Sa silhouette fait le lien entre les deux versions.

V2 · Ridho Arsyandi

Une nouvelle interprétation, sept déclinaisons à explorer.

La mascotte de MoodDish

Moody.

Un nuage. Des émotions.
Et plein de façons de cuisiner.

Moody, en majesté.

Couronne, cape et sceptre : la version royale prolonge l’univers du personnage avec une touche de jeu.

Moody roi portant une couronne, une cape violette et un sceptre

Du dessin
au produit.

Mon rôle : développer les applications iOS et Android et leurs services, puis intégrer cet univers dans l’interface et les parcours de MoodDish.

Direction artistique et Moody V1 : Alowa Studio.
Illustrations de Moody V2 : Ridho Arsyandi.

Du produit au code

Sous la
couverture.

Un catalogue éditorial, une recherche par ingrédients et une liste de courses reliée aux recettes. La cuisine guidée, le Village, les défis, la cuisine et le profil personnalisables font vivre l’univers de Moody. Un système d’événements saisonniers réunit recettes, objectifs et récompenses, avec une première édition Halloween.

Applications

SwiftUI sur iOS · Kotlin et Jetpack Compose sur Android

API

TypeScript et Express · catalogue, recherche par ingrédients et courses

Données

MongoDB pour les comptes, recettes et progression · Amazon S3 pour les médias

Progression

Défis et récompenses validés côté serveur · événements et disponibilités pilotés par leurs dates

Un catalogue commun, deux expériences natives

Les apps SwiftUI et Compose consomment les mêmes recettes et règles de recherche. Le serveur rapproche les ingrédients sélectionnés du catalogue et tient compte des filtres ; il renvoie les ingrédients utilisés et manquants pour expliquer les suggestions.

Additionner les courses sans perdre le sens

Le service de courses calcule les portions et regroupe les contributions des recettes avec une arithmétique exacte. Il additionne les unités compatibles et conserve les quantités ambiguës séparément, tout en préservant les ajouts manuels et les articles cochés quand les besoins restent identiques.

Des récompenses vérifiées par le serveur

Pour Halloween, le défi compte trois recettes distinctes de la collection, cuisinées dans la période de l’événement. Le serveur vérifie l’historique et attribue XP, MoodCoins et objet exclusif dans une transaction ; récupérer à nouveau le même gain ne le duplique pas.

Faire évoluer un produit existant

La refonte fait passer le produit d’une première expérience générative à un catalogue éditorial, avec un nouveau parcours par ingrédients et les courses. Les anciens points d’entrée sont adaptés sur iOS, Android et l’API, en conservant les comptes, la progression et les achats.

La stack

SwiftUI
Kotlin
Jetpack Compose
TypeScript
Express
MongoDB
Amazon S3

Arrêt sur image

Quelques pages
de plus.

Clique sur une capture
pour explorer les détails.

05Le profil et ses personnalisations

Défis et récompenses de la refonte MoodDish, avec des données de démonstration — 07Défis, XP et MoodCoins

Catalogue natif Android de MoodDish et accès à la liste de courses — 08Le catalogue sur Android

Cuisine citrouilles de la collection Halloween MoodDish dans un aperçu natif iOS — 11Une cuisine d’Halloween

12L’identité dans l’ambiance Halloween

Captures de l’interface réelle avec des données de démonstration · versions iOS et Android, aperçus saisonniers inclus.