meditbe-meditate
meditbe-program
UI.UX Design

Une application qui ressemble à votre lieu de bonheur

Client

meditbe

Industrie

santé et bien-être

Chronologie

Mai 2023 - fév 2024

Projet

Application Mobile

Logiciel

Figma

Mon rôle

Ui.UX Designer
Pour commencer

Une application de pleine conscience

Avant de commencer, afin de respecter ma clause de confidentialité, j'ai omis des informations confidentielles dans cette étude de cas. Toutes les informations sont miennes et ne reflètent pas nécessairement la vision de l'entreprise.

L'entreprise a été créée en 2021 par un développeur commercial et un expert Français, spécialisé dans la méditation pleine conscience, Alain Facchin.

MeditBe est une application de méditation Française avec un modèle économique fondé sur l'abonnement. Elle est disponible via une application mobile ainsi qu'une application web accessible par ordinateur. En plus de rendre la méditation abordable pour tout le monde, grâce à ses programmes faciles à suivre, l'objectif global de l'entreprise est de toucher un plus large public, à une échelle mondiale.

Le contexte

Comment l'application est née

Après la poursuite de plusieurs projets entrepreneuriaux chacun de son côté, le covid-19 a forcé tout le monde à prendre du recul. C'est ainsi, après plusieurs années, que deux vieux amis ont renoué contact et ont décidé d'unir leurs esprits pour créer un programme de pleine conscience 100 % français. L'objectif était d'introduire la méditation dans la vie quotidienne des gens à travers des séances de méditation courtes, suivies de programmes plus longs et plus détaillés.


Au début, les séances étaient diffusées exclusivement sur différentes plateformes de streaming. Mais en raison de leur popularité, le duo décida de créer une application mobile, offrant une plus grande sélection de séances et abordant différents sujets du quotidien.

Le challenge

L'essentiel en un clin d'œil

Avec l'émergence des réseaux sociaux, les utilisateurs sont de plus en plus souvent submergés par un grand flux contenu. Nous voulons éviter de rajouter une charge mentale à l'utilisateur et de rendre son parcours plus fluide.

C'est pourquoi, lorsque nous avons abordé la refonte de l'application, le défi n'était pas seulement au niveau de l'identité visuelle, mais il s'agissait surtout d'améliorer l'expérience utilisateur à un tout nouveau niveau. L'application est destinée à être beaucoup plus qu'une source de contenu, elle devrait simuler un mentor qui accompagne l'utilisateur pendant sa phase d'apprentissage et de pratique par la suite.

Nous avons donc repérez les deux objectifs ci-dessous.

1.

Autonomiser les utilisateurs à prendre des décisions

Guide l'utilisateur vers le choix d'un chemin qui lui convient, en fournissant des informations sans imposer un parcours linéaire à tous les utilisateurs.

2.

Créer une expérience apaisante

Fournissez un aperçu beau, simple et concret pour que les utilisateurs puissent naviguer dans l'application en toute fluidité.

Les concurrents

Le marché

Nous avons tendance à sous-estimer l'importance de réduire la courbe d'apprentissage lorsque les utilisateurs découvrent des produits pour la première fois.

Cependant, créer une expérience familière peut mettre l'utilisateur plus à l'aise lors de l'utilisation d'un produit pour la première fois. En utilisant des gestes standards et en structurant le contenu de manière claire pour que les utilisateurs puissent naviguer, nous leur donnons un sentiment de sécurité et de contrôle.

Et la meilleure façon de donner aux utilisateurs cette impression est de jeter un coup d'œil aux grands acteurs et aux directives des applications mobiles pour comprendre les outils déjà utilisés là-bas.


Nous avons évalué de grands concurrents tels que Calm, Headspace et Mind ainsi que des applications de méditation plus locales comme Petit Bamboo et Namatata et des produits similaires pour comprendre comment ils organisent l'information et structurent leur interface.

Révélation #1

Le principal objectif de l'utilisateur est de trouver la séance de méditation qui correspond à ses besoins du moment.


Nous avons évalué comment d'autres concurrents ont classé le contenu pour guider le choix de l'utilisateur. Les principaux éléments utilisés pour créer un classement efficace étaient :

  • Codage par couleur

  • Ajout d'icônes

  • Triage par thème

  • Mettre en avant du contenu spécifique/tendance

Révélation #2

The study also shed the light on important features that were common among competitors :

  • Downloads

  • Favorites

  • Continue Playing


These features are essential for user retention : by giving the user the opportunity to pick up where they left off, or to set aside content, they get to manage their meditation journey as they see fit.

Le public cible

Concevoir pour nos utilisateurs

Après avoir recueilli des informations auprès du support client, étudié les modèles de nos concurrents et effectué quelques séances de brainstorming, nous devions obtenir le point de vue des utilisateurs pour nous assurer d'atteindre nos objectifs.

Pour ce faire, nous avons sélectionné divers profils correspondant à notre audience et avons pré-lancé notre application pour qu'ils puissent tester différents scénarios. Ensuite, chaque utilisateur a rempli un questionnaire détaillant son expérience, nous fournissant des informations importantes du point de vue d'un utilisateur.

Les retours des utilisateurs ont été essentiels pour finaliser notre application avant le lancement officiel.

La marque

MeditBe : découvrez la pleine conscience

La pleine conscience signifie être présent et observer ce qui nous entoure , sans jugement. Cela implique de canaliser notre attention sur nos pensées, notre corps, nos émotions et notre environnement.


Le principal objectif de MeditBe est de donner à ses utilisateurs les bons outils pour découvrir la pleine conscience et atteindre l'état de paix que cette pratique procure. Pour ce faire, le parcours utilisateur a été affiné pour créer une entrée fluide, permettant à l'utilisateur de trouver facilement ce dont il a besoin et d'entamer son parcours de pleine conscience.

La solution

Réconfortant

Sur la base des informations recueillies lors de l'analyse des concurrents, des demandes de support client et des recherches antérieures, trois opportunités essentielles ont émergé.

1.

Create a unique design system

Improve the user’s experience by creating a familiarity across all the brand’s applications and maintain a consistency across different features.

2.

Customise the user's journey

3.

Améliorer l'annonce et la lisibilité

Couleurs

meditbe-colors-light
meditbe-colors-light
meditbe-colors-light
meditbe-colors-dark
meditbe-colors-dark
meditbe-colors-dark

Typographie

meditbe-typography
meditbe-typography
meditbe-typography

Components

meditbe-components
meditbe-components

Icons

meditbe-icons
meditbe-icons
meditbe-icons

2.

Personnalisez l'expérience et le parcours de l'utilisateur

Créez une expérience d'intégration pour suggérer des sessions en fonction des objectifs de l'utilisateur, en plus des sections de téléchargements et de favoris.

1.

Create a unique design system

3.

Améliorer l'annonce et la lisibilité
meditbe-personalize
meditbe-personalize

Fixer des objectifs

Lors de l'intégration, l'utilisateur a la possibilité de définir son objectif de méditation afin que l'application puisse suggérer du contenu qui répond à ses besoins.

meditbe-personalize
meditbe-personalize

Définir l'expertise

En plus de la définition des objectifs, l'utilisateur définit également son niveau d'expertise et le délai préféré pour méditer. L'utilisateur peut redéfinir ces paramètres à tout moment en utilisant l'application dans la section de son profil.

meditbe-suggestions
meditbe-suggestions

Suggestions et contenu

Un module de suggestion est disponible pour faciliter le choix de l'utilisateur. Ils peuvent également ajouter du contenu à leurs favoris, ou même télécharger des sessions pour méditer hors ligne.

3.

Améliorer la liste de contenu et la lisibilité

Filter content by using colors and icons, so the user can track down what they need faster.

1.

Create a unique design system

2.

Customise the user's journey
meditbe-meditate
meditbe-meditate

Thèmes et icônes

Tout au long de l'application, les utilisateurs rencontreront un ensemble d'icônes, chacune reflétant un sujet ou un thème. En plus de la section explorer, où les séances de méditation sont triées par thème pour un accès plus facile.

meditbe-favorites
meditbe-favorites

Codage couleur

Une séance de méditation est définie par une couleur, la séance maintiendra sa couleur lorsque l'utilisateur l'ajoutera à son contenu, c'est-à-dire à ses favoris ou téléchargements. De cette façon, il est plus rapide pour eux de trouver ce dont ils ont besoin.

La conclusion

Ce que j'ai appris

Apprendre à concevoir de manière systématique a fait partie de mon parcours dans ce projet. Premièrement, parce que refaire une application ne signifie pas simplement embellir l'interface utilisateur, il s'agit de repenser l'ensemble de l'expérience utilisateur. La priorité était de peaufiner le parcours de l'utilisateur puis de le présenter esthétiquement. Deuxièmement, la réutilisation ou l'amélioration des composants de la version précédente qui avaient déjà été testés et utilisés a joué un rôle énorme.

Intéressé.e ?

Contactez-moi

rachakazzi@gmail.com

Intéressé.e ?

Contactez-moi

rachakazzi@gmail.com

Intéressé.e ?

Contactez-moi

rachakazzi@gmail.com

© Copyright 2025, Designed by Racha Al Kazzi.

© Copyright 2025, Designed by Racha Al Kazzi.

© Copyright 2025, Designed by Racha Al Kazzi.

Create a free website with Framer, the website builder loved by startups, designers and agencies.