EmoDaily

Un espace pour exprimer ses émotions.

L'application EmoDaily

Le Contexte

En France, près de 20% des Français souffrent de troubles anxieux ou dépressifs, et plus de la moitié des cas graves ne reçoivent pas de soins adaptés. Les délais d'attente atteignent 6 à 12 mois. Les adolescents et jeunes adultes (15-29 ans) sont particulièrement touchés. Beaucoup restent sans suivi, avec un fort besoin d'expression émotionnelle.

Challenge

Comment accompagner les jeunes adultes de 15 à 29 ans dans l'expression de leurs émotions et leur offrir un premier soutien accessible ?

Solution

EmoDaily est une app native iOS permettant aux jeunes d'exprimer leurs émotions via un journal digital personnalisable : émojis, musique, texte, images, échelles d'humeur. Les entrées sont exportables pour faciliter le suivi avec un professionnel de santé mentale.

L'application mobile EmoDaily.
L'application mobile EmoDaily

Processus & Rôle

Equipe & Durée

4 Designers-Developpeurs
4 semaines

Processus

Recherche & Exploration
Wireframes
Design d'interface
Développement iOS

Mon rôle

Designer et développeuse iOS.
Design : Conception des maquettes et mise en place d'un design system léger, en veillant à l'accessibilité et aux guidelines iOS (Human Interface Guidelines).
Développement : Implémentation de l'écran Journal, incluant une vue Calendrier hebdomadaire, mensuelle et annuelle, ainsi que la modale de Résumé des entrées de journal, en Swift/SwiftUI.

Recherche & Exploration

Recherche & idéation

En équipe sur FigJam, nous avons débuté par un brainstorming autour du thème Emotions, en formulant des questions clés réparties en 5 catégories. J'étais responsable de la catégorie : Relation professionnel de santé / patient. La mise en commun de nos recherches nous a permis de recentrer notre challenge initial et de définir une solution commune par vote.

Idéation sur Figjam.
Idéation sur Figjam

Veille & Inspiration

Pour nourrir notre direction artistique, j'ai exploré Dribbble, Mobbin ainsi que plusieurs applications concurrentes afin d'analyser les design patterns et les conventions visuelles du secteur du bien-être émotionnel.

Wireframes

Chacun a réalisé ses wireframes. Certains sur papier, d'autres sur FigJam.
De mon côté, j'ai commencé par des wireframes papier low-fi avant de les affiner en version plus haute fidélité.

Mes wireframes papier et high-fidélité.
Mes wireframes papier et high-fidélité

L'ensemble a été centralisé sur FigJam pour construire le workflow final. Mes wireframes du calendrier (avec des ajustements) ont été repris dans ce workflow.

Workflow de l'application.
Workflow de l'application

Design d'interface

Charte graphique

L'identité visuelle a émergé d'une proposition de couleurs faite par un membre de l'équipe. En parallèle, nous avons recherché collectivement la typographie. Une charte graphique a ensuite été définie.

Charte graphique de l'application.
Charte graphique de l'application

Design system

En parallèle de la conception, j'ai créé des composants pour assurer la cohérence visuelle des maquettes.

Quelques composants de l'application.
Quelques composants de l'application

Maquettes haute-fidélité

J'ai conçu les maquettes Journal et Résumé des entrées de journal (ajoutée en cours de développement). Je me suis appuyée sur les guidelines iOS pour les composants, popups et icônes. J'ai porté une attention particulière à l'accessibilité et à la cohérence visuelle sur l'ensemble du projet.

Maquettes : Journal et Résumé des entrées de journal.
Maquettes : Journal et Résumé des entrées de journal

Les autres écrans : Quêtes, Statistiques, Profil et Création d'une entrée de journal, ont été conçus par mes camarades.

Ensemble des maquettes conçues.
Ensemble des maquettes conçues

Développement iOS

J'ai développé l'écran Journal et la modale Résumé des entrées, en Swift/SwiftUI sur Xcode, et en utilisant Git et GitHub pour le suivi de versions et la collaboration.

Les données de l'application étaient stockées via Airtable, utilisé comme base de données.

Ecrans Journal.
Ecrans Journal
Ecrans de l'application mobile.
Ecrans de l'application mobile

Conclusion

Une expérience formatrice

Ce projet m'a permis de consolider mes compétences en design iOS tout en me lançant dans le développement Swift et SwiftUI. Le défi le plus stimulant a été la création d'un calendrier entièrement personnalisé qui a nécessité de nombreuses recherches et itérations pour aboutir à un résultat fonctionnel et cohérent avec nos maquettes. J'en suis particulièrement fière.

Le projet a été très bien accueilli lors du jury final, avec de bons retours sur l'ensemble de notre travail.

Rétrospective

Le manque de temps ne nous a pas permis de réaliser le prototypage ni d'anticiper certaines interactions utilisateur côté développement.
Travailler sur un sujet aussi sensible que la santé mentale a représenté un véritable challenge. C'est un domaine que je connaissais peu, mais ce projet m'a permis d'approfondir mes connaissances sur le sujet. J'espère qu'EmoDaily pourra, à terme, apporter un soutien concret aux jeunes qui en ont besoin.

Ressources

Découvrir les autres projets


Prendre contact

Rejoignez-moi sur les réseaux sociaux pour voir plus de contenu.