Retour aux projetsPortfolio 2026Projet 01 / 04

Projet · Application mobile · identité · lancement

Molleva

Application mobile · identité visuelle

Choisir une priorité quand tout paraît urgent.

J’ai commencé par l’analyse du marché, puis j’ai pris en charge le logo, les écrans, les contenus, le développement et la publication.

01MollevaProjet réalisé seul · stratégie produit, design, développement, contenu et lancement
Durée4–5 moisAnalyse, conception et publication
RôleProjet réalisé seulProduit, design, code, contenu et lancement
PublicationGoogle PlayApplication mobile disponible
Recherche54 écransPistes d’interface conservées dans les archives

01Contexte et point de départ

Pourquoi je l’ai commencé.

J’ai étudié le marché, dessiné l’identité et les écrans, développé l’application, écrit ses contenus et préparé sa publication.

Contexte

Situation de départ.

La psychologie m’intéresse depuis longtemps. J’ai commencé par comparer les offres du marché et les avis laissés par leurs utilisateurs. Je cherchais un outil à ouvrir chaque jour, sans rappels ni pression supplémentaire.

Problème

Question à traiter.

Beaucoup d’applications organisent la journée autour d’objectifs, de séries et de retards. Molleva devait ramener la journée à ce qui compte aujourd’hui. Après une pause, la tâche devait rester accessible sans pénalité. Ce n’est pas un outil de soin.

01

J’ai recensé les offres, réalisé un SWOT et plusieurs audits, puis comparé les applications et leurs avis.

02

J’ai dessiné plusieurs pistes visuelles avant de garder des formes et des contrastes lisibles sur un petit écran.

03

J’ai écrit les écrans, les microcopies, les articles du site et les messages de campagne.

04

J’ai développé le mobile, l’API, le back-office et les fonctions IA dans le même monorepo TypeScript.

02Recherche et décisions

J’ai commencé par analyser les offres et les avis existants.

Je voulais comprendre ce qui manquait aux applications déjà disponibles avant de dessiner la première interface.

01 / Marché

Offres, SWOT et audits

J’ai comparé les offres, leurs promesses et les points qui revenaient dans les avis.

02 / Avis

Difficultés récurrentes

J’ai relevé les mêmes problèmes : trop d’écrans, trop de rappels et une reprise difficile après une pause.

03 / Choix

Une journée sans pression

J’ai écarté les séries et le vocabulaire clinique pour parler d’une journée qui peut changer.

04 / Traduction

Trois essentielles

J’ai traduit ce choix dans les écrans : un point de départ, trois priorités et une reprise possible.

04Écrans et supports

Le mobile, l’API et le back-office.

J’ai développé le mobile, l’API et le back-office. Le produit comprend aussi l’IA, les notifications, l’OCR, la reconnaissance vocale et les paiements.

01Accueil · voir les tâches du jour
02Check-in · indiquer comment on arrive aujourd’hui
03Essentielles · retenir trois priorités
04Fin de journée · voir les tâches terminées
05Report · choisir une autre date
06Saisie libre · noter les tâches en attente
07Apparence · choisir le thème de l’application
08Réglages · modifier les préférences

05Fiche Google Play

La fiche Google Play, image par image.

J’ai préparé les visuels, la description et l’ordre des captures pour présenter l’application sur Google Play.

0101 · L’écran d’accueil
0202 · Le check-in
0303 · Trois essentielles
0404 · Le report d’une tâche
0505 · Le bilan de la journée
Voir la fiche publiée sur Google Play

06Contenus et lancement

Décliner l’identité dans les contenus.

J’ai écrit les principes éditoriaux, les axes de campagne et les contenus de lancement à partir de situations concrètes. L’application est terminée ; la campagne publicitaire reste à préparer.

Angle A

Quand la liste déborde

J’ai montré le moment où l’on pose une tâche pour libérer son attention.

Angle B

Reprendre après une pause

J’ai décrit le retour à une tâche sans compteur de série ni pénalité de retard.

Angle C

Décrire sans diagnostiquer

J’ai parlé de situations de débordement sans poser de diagnostic.

Angle D

Expliquer l’IA

J’ai précisé où l’IA intervient et ce que le produit ne prétend pas faire.

08Archives · écrans intermédiaires

Pistes d’interface explorées.

J’ai gardé les écrans intermédiaires réalisés pendant la construction du produit. Chaque image s’ouvre en grand.

Afficher les 54 écransOuvrir une image en grand+
01Itération d’interface · écran 01 / 54
02Itération d’interface · écran 02 / 54
03Itération d’interface · écran 03 / 54
04Itération d’interface · écran 04 / 54
05Itération d’interface · écran 05 / 54
06Itération d’interface · écran 06 / 54
07Itération d’interface · écran 07 / 54
08Itération d’interface · écran 08 / 54
09Itération d’interface · écran 09 / 54
10Itération d’interface · écran 10 / 54
11Itération d’interface · écran 11 / 54
12Itération d’interface · écran 12 / 54
13Itération d’interface · écran 13 / 54
14Itération d’interface · écran 14 / 54
15Itération d’interface · écran 15 / 54
16Itération d’interface · écran 16 / 54
17Itération d’interface · écran 17 / 54
18Itération d’interface · écran 18 / 54
19Itération d’interface · écran 19 / 54
20Itération d’interface · écran 20 / 54
21Itération d’interface · écran 21 / 54
22Itération d’interface · écran 22 / 54
23Itération d’interface · écran 23 / 54
24Itération d’interface · écran 24 / 54
25Itération d’interface · écran 25 / 54
26Itération d’interface · écran 26 / 54
27Itération d’interface · écran 27 / 54
28Itération d’interface · écran 28 / 54
29Itération d’interface · écran 29 / 54
30Itération d’interface · écran 30 / 54
31Itération d’interface · écran 31 / 54
32Itération d’interface · écran 32 / 54
33Itération d’interface · écran 33 / 54
34Itération d’interface · écran 34 / 54
35Itération d’interface · écran 35 / 54
36Itération d’interface · écran 36 / 54
37Itération d’interface · écran 37 / 54
38Itération d’interface · écran 38 / 54
39Itération d’interface · écran 39 / 54
40Itération d’interface · écran 40 / 54
41Itération d’interface · écran 41 / 54
42Itération d’interface · écran 42 / 54
43Itération d’interface · écran 43 / 54
44Itération d’interface · écran 44 / 54
45Itération d’interface · écran 45 / 54
46Itération d’interface · écran 46 / 54
47Itération d’interface · écran 47 / 54
48Itération d’interface · écran 48 / 54
49Itération d’interface · écran 49 / 54
50Itération d’interface · écran 50 / 54
51Itération d’interface · écran 51 / 54
52Itération d’interface · écran 52 / 54
53Itération d’interface · écran 53 / 54
54Itération d’interface · écran 54 / 54

09Architecture et outils

Relier le mobile, l’API et le back-office.

Le mobile, l’API et le back-office partagent des packages TypeScript. J’ai préparé l’environnement local avec PostgreSQL, Docker Compose et Mailpit.

Mobile
  • Expo SDK 54
  • React Native 0.81
  • React 19
  • Expo Router
  • TypeScript
API & données
  • Node.js
  • Fastify 5
  • PostgreSQL 16
  • Zod
  • OTP par email
IA et fonctions natives
  • OpenAI
  • Mistral
  • OCR ML Kit
  • Reconnaissance vocale
  • Notifications
Services et outils
  • RevenueCat
  • Back-office React/Vite
  • Redux Toolkit
  • Docker Compose
  • Mailpit

10Liens et publication

Liens et publication de Molleva.

L’application est disponible sur Google Play. Le site présente le produit avant le téléchargement.

Icône Molleva
Disponible sur Google PlayMollevaApplication mobile · publiée par Ammar
Contribution

Livrables.

Projet réalisé seul · stratégie produit, design, développement, contenu et lancement

Application mobile publiée

Identité, logo et charte graphique

Site éditorial et acquisition SEO

Back-office web et architecture monorepo

Marketing, communication et lancement

Projet suivant

02UniquePhone