BlsTherapy

Outils & Technologies utilisés

• Figma (Refonte UI/UX) : Création d’une identité visuelle sereine et intuitive axée sur le calme mental, cartographiant des interfaces d’applications complexes pour les lecteurs audio, les journaux intimes et les programmes thérapeutiques.
• Administration WordPress Headless : Développement d’un backend administratif robuste où les créateurs de contenu peuvent charger de lourds fichiers audio, structurer des listes de lecture (playlists) et gérer les invitations quotidiennes à rédiger le journal.
• API REST personnalisée : Construction de points de terminaison (endpoints) de données sécurisés et performants pour livrer instantanément du contenu structuré, des données utilisateur et des flux audio directement aux plateformes web et mobiles.
• React (Frontend Headless) : Développement d’une application Web découplée ultra-rapide qui permet aux utilisateurs d’accéder à leurs outils thérapeutiques, de gérer leurs abonnements et d’explorer la plateforme depuis n’importe quel navigateur.
• Applications mobiles iOS & Android : Livraison d’applications mobiles natives adaptées à la lecture audio ininterrompue en arrière-plan, aux notifications push et à un accès immédiat aux outils d’urgence.
• Moteur audio sur mesure : Programmation d’un système avancé de lecture multimédia spécifiquement conçu pour la thérapie par stimulation bilatérale (BLS), garantissant une synchronisation parfaite des canaux gauche et droit.

Le processus de conception & d’ingénierie

Le brief du projet & le défi thérapeutique

BLS Therapy est une plateforme numérique dédiée à la santé mentale, utilisant spécifiquement la stimulation bilatérale (BLS) pour aider les utilisateurs à atteindre un esprit plus calme, plus léger et plus libre (« una mente más libre, ligera y en calma »). Le client demandait une transformation numérique complète. Le défi était multiple : il nécessitait une plateforme capable d’organiser une vaste bibliothèque de pistes audio thérapeutiques, de programmes guidés, de musique et de journaux intimes numériques, parallèlement à un module « SOS Therapy » accessible instantanément pour les utilisateurs en état de détresse aiguë. Pour y parvenir, l’ensemble de la plateforme devait être repensé à partir de zéro et architecturé comme un écosystème headless, permettant à un backend WordPress centralisé d’alimenter simultanément un nouveau frontend web et des applications mobiles iOS/Android dédiées.

La stratégie de refonte & d’UI/UX

L’application s’adressant à des utilisateurs en quête de soutien psychologique, la refonte de l’UI/UX exigeait une approche très sensible. Nous avons commencé dans Figma par éliminer tout encombrement visuel susceptible de provoquer une surcharge cognitive. Nous avons conçu une interface apaisante et minimaliste, fortement adaptée au marché hispanophone (« Descubre BLS therapy »). Le parcours utilisateur a été tracé de manière à ce qu’une personne ouvrant l’application dans un état d’anxiété puisse trouver ses écouteurs, lancer un exercice de stimulation bilatérale ou déclencher le module SOS Therapy en un seul clic. Nous avons également conçu des vues dédiées, sans distraction, pour les fonctionnalités de journal intime numérique et les programmes thérapeutiques à long terme.

Architecture Headless WordPress & API REST

Afin de donner à l’équipe de BLS Therapy un contrôle total sur son contenu sans la soumettre à un cycle rigide de mises à jour de l’application sur les stores, nous avons implémenté une architecture Headless WordPress. Nous avons configuré le panneau d’administration WordPress en un puissant hub de médias et de contenus. Les administrateurs peuvent facilement ajouter de nouvelles pistes audio, les regrouper dans des listes de lecture catégorisées, publier les thèmes du journal quotidien et structurer des programmes thérapeutiques sur plusieurs semaines. Nous avons ensuite développé une couche API REST personnalisée par-dessus cette base de données. Cette API sécurisée agit comme le système nerveux central, transmettant les données JSON et les URL de flux audio directement au frontend web et aux applications mobiles en temps réel, garantissant ainsi aux utilisateurs de disposer des derniers contenus dès qu’ils se connectent.

L’application mobile & le moteur audio avancé

Le cœur de l’expérience BLS Therapy repose sur les applications natives iOS et Android. Les applications axées sur l’audio exigent une ingénierie incroyablement spécifique—les vues web standards (web-views) ne conviennent tout simplement pas. Nous avons développé des applications natives dotées d’un moteur de lecture audio personnalisé capable de fonctionner de manière fluide en arrière-plan lorsque le téléphone de l’utilisateur est verrouillé. La stimulation bilatérale reposant de manière critique sur un panoramique stéréo précis (alternance du son entre les écouteurs gauche et droit), le moteur audio a dû être codé pour une synchronisation parfaite des canaux et une lecture sans aucune latence. De plus, nous avons intégré des fonctionnalités de mise en cache hors ligne afin que les utilisateurs puissent télécharger leurs listes de lecture préférées et leurs thérapies SOS, leur assurant ainsi un accès à leurs outils de santé mentale même sans connexion Internet.

Le résultat final & l’impact

L’écosystème BLS Therapy qui en résulte est un modèle d’architecture découplée. En séparant la gestion de contenu robuste de WordPress de la diffusion haute performance de React et des applications mobiles natives, nous avons créé une plateforme à la fois simple à maintenir pour les administrateurs et incroyablement fluide pour l’utilisateur final. Les utilisateurs peuvent désormais passer en toute transparence de la lecture d’un programme thérapeutique sur le web à l’écoute d’une liste de lecture de stimulation bilatérale sur leur iPhone pendant une marche, tout en enregistrant directement leurs réflexions dans le journal numérique sécurisé de l’application. C’est un véritable sanctuaire de bien-être mental au format poche.