Baume - l'app safe place
Baume - l'app safe place
Client
Client
Client
Baume est une application mobile, pensée comme une safe place communautaire pour les femmes qui traversent une séparation amoureuse. La sortie de l'application est prévue fin 2025.
Baume est une application mobile, pensée comme une safe place communautaire pour les femmes qui traversent une séparation amoureuse. La sortie de l'application est prévue fin 2025.
Baume est une application mobile, pensée comme une safe place communautaire pour les femmes qui traversent une séparation amoureuse. La sortie de l'application est prévue fin 2025.
Cibles
Cibles
Cibles
Femmes de 20 à 60 ans qui vivent une rupture ou un deuil sentimental.
Femmes de 20 à 60 ans qui vivent une rupture ou un deuil sentimental.
Femmes de 20 à 60 ans qui vivent une rupture ou un deuil sentimental.
Ma mission
Ma mission
Ma mission
Créer les écrans du MVP de l'application, avec les premières features clés. Les maquettes seront ensuite transmises à une équipe de développeur·euses.
Créer les écrans du MVP de l'application, avec les premières features clés. Les maquettes seront ensuite transmises à une équipe de développeur·euses.
Créer les écrans du MVP de l'application, avec les premières features clés. Les maquettes seront ensuite transmises à une équipe de développeur·euses.
Timeline
Timeline
Timeline
juillet 2025 - sprint design de deux semaines.
juillet 2025 - sprint design de deux semaines.
juillet 2025 - sprint design de deux semaines.
Contexte & besoin
Contexte & besoin
Baume est lancé dans un premier temps sous la forme d’un compte Instagram en mai 2025. Rapidement, le compte est suivi par 500 abonnées, qui partagent leurs peines de coeur à travers la Heart-Line et en messages privés.
L’objectif du projet est de transformer Baume en une véritable application mobile, qui permettra à ses utilisatrices de centraliser tous les outils pour traverser une séparation amoureuse : comprendre ce qu’elles vivent, en échangeant avec d’autres femmes, lire des contenus qui décryptent et décortiquent la rupture sous toutes ses formes, trouver le suivi professionnel dont elles ont besoin pour avancer, et devenir actrices de leur propre guérison.
Baume est lancé dans un premier temps sous la forme d’un compte Instagram en mai 2025. Rapidement, le compte est suivi par 500 abonnées, qui partagent leurs peines de coeur à travers la Heart-Line et en messages privés.
L’objectif du projet est de transformer Baume en une véritable application mobile, qui permettra à ses utilisatrices de centraliser tous les outils pour traverser une séparation amoureuse : comprendre ce qu’elles vivent, en échangeant avec d’autres femmes, lire des contenus qui décryptent et décortiquent la rupture sous toutes ses formes, trouver le suivi professionnel dont elles ont besoin pour avancer, et devenir actrices de leur propre guérison.
Structure
Structure
L’application accompagne ses utilisatrices tout au long de leur séparation via une tab bar à 4 onglets :
Accueil : un tableau de bord personnel qui met en valeur les progrès à chaque ouverture.
Safe Place : un forum d’échange et de partage d’expérience entre femmes.
Guide : des contenus pour apaiser sa souffrance et trouver un professionnel.
Sorties : activités et voyages pour se changer les idées (présent dans le prototype, mais hors cadrage du MVP).
Un espace de gestion des notifications et du compte est accessible depuis le header.
L’application accompagne ses utilisatrices tout au long de leur séparation via une tab bar à 4 onglets :
Accueil : un tableau de bord personnel qui met en valeur les progrès à chaque ouverture.
Safe Place : un forum d’échange et de partage d’expérience entre femmes.
Guide : des contenus pour apaiser sa souffrance et trouver un professionnel.
Sorties : activités et voyages pour se changer les idées (présent dans le prototype, mais hors cadrage du MVP).
Un espace de gestion des notifications et du compte est accessible depuis le header.
Navigation
Navigation
Chaque entrée de la tab bar donne accès à une section de l’application, limitant la navigation à deux niveaux : la section et ses pages internes.
Au besoin, les contenus liés entre eux sont regroupés sur la même section, et rendus accessible par un système d’onglets sous le header.
Les interactions de l’utilisateur avec la page (comme le filtrage des contenus) sont contenues dans des demies-modales, pour limiter les entrées et sorties d’une page à l’autre, et rendre la navigation plus efficace.
Chaque entrée de la tab bar donne accès à une section de l’application, limitant la navigation à deux niveaux : la section et ses pages internes.
Au besoin, les contenus liés entre eux sont regroupés sur la même section, et rendus accessible par un système d’onglets sous le header.
Les interactions de l’utilisateur avec la page (comme le filtrage des contenus) sont contenues dans des demies-modales, pour limiter les entrées et sorties d’une page à l’autre, et rendre la navigation plus efficace.
Composants
Composants
Une bibliothèque de composants sur mesure a été créée pour Baume : paramétrables et réutilisables, ils constituent un design system concis et complet pour le MVP.
Cette approche assure l’uniformité des écrans et la cohérence des interactions. L’UI repose principalement sur des cards modulables, qui synthétisent l’information et s’adaptent dynamiquement en listes verticales ou horizontales, selon le volume de contenus (articles, annuaire de professionnels).
Une bibliothèque de composants sur mesure a été créée pour Baume : paramétrables et réutilisables, ils constituent un design system concis et complet pour le MVP.
Cette approche assure l’uniformité des écrans et la cohérence des interactions. L’UI repose principalement sur des cards modulables, qui synthétisent l’information et s’adaptent dynamiquement en listes verticales ou horizontales, selon le volume de contenus (articles, annuaire de professionnels).
Couleurs
Couleurs
L’UI reprend les couleurs de marque de Baume :
#C62F2C - Rouge foncé
#F74D64 - Rose vif
#FFFAF1 - Crème
D’autres couleurs viennent les contraster et/ou les réhausser :
#641835 : rouge cerise, assure le contraste des textes sur fond clair
#FB847C : corail, en couleur d’accent pour les CTA.
L’échelle de gris, qui évite le blanc et le noir purs, complémentent la palette pour une bonne lisibilité sur les fonds colorés, et trois gradients viennent apporter du relief à l’interface, notamment sur le header, la tab bar et les cards.
L’UI reprend les couleurs de marque de Baume :
#C62F2C - Rouge foncé
#F74D64 - Rose vif
#FFFAF1 - Crème
D’autres couleurs viennent les contraster et/ou les réhausser :
#641835 : rouge cerise, assure le contraste des textes sur fond clair
#FB847C : corail, en couleur d’accent pour les CTA.
L’échelle de gris, qui évite le blanc et le noir purs, complémentent la palette pour une bonne lisibilité sur les fonds colorés, et trois gradients viennent apporter du relief à l’interface, notamment sur le header, la tab bar et les cards.
