BlsTherapy

Verwendete Werkzeuge & Technologien

• Figma (UI/UX Redesign): Entwicklung einer beruhigenden, intuitiven visuellen Identität mit Fokus auf mentale Ruhe, wobei komplexe App-Schnittstellen für Audioplayer, Tagebücher und therapeutische Programme entworfen wurden.
• Headless WordPress Admin: Aufbau eines robusten administrativen Backends, auf dem Content-Ersteller schwere Audiodateien hochladen, Wiedergabelisten strukturieren und tägliche Tagebuch-Prompts verwalten können.
• Maßgeschneiderte REST API: Sichere, leistungsstarke Daten-Endpunkte gebaut, um strukturierte Inhalte, Benutzerdaten und Audiostreams direkt an die Frontend- und Mobilplattformen zu liefern.
• React (Headless Frontend): Entwicklung einer blitzschnellen, entkoppelten Webanwendung, mit der Benutzer auf ihre therapeutischen Werkzeuge zugreifen, Abonnements verwalten und die Plattform über jeden Browser erkunden können.
• iOS & Android Mobile Apps: Auslieferung nativer mobiler Applikationen, die für eine ununterbrochene Hintergrund-Audio-Wiedergabe, Push-Benachrichtigungen und sofortigen Zugriff auf Notfall-Werkzeuge optimiert sind.
• Maßgeschneiderte Audio Engine: Ein fortschrittliches Medienwiedergabesystem programmiert, das speziell für die bilaterale Stimulationstherapie (BLS) entwickelt wurde, was eine fehlerfreie Links-Rechts-Kanalsynchronisation gewährleistet.

Der Engineering- & Architekturprozess

Projektbriefing & therapeutische Herausforderung

BLS Therapy ist eine digitale Plattform für mentale Gesundheit, die speziell bilaterale Stimulation (BLS) nutzt, um Benutzern zu einem ruhigeren, leichteren und freieren Geist zu verhelfen („una mente más libre, ligera y en calma“). Der Kunde wünschte eine vollständige digitale Transformation. Die Herausforderung war vielseitig: Sie benötigten eine Plattform, die in der Lage ist, eine riesige Bibliothek mit therapeutischen Audiotracks, geführten Programmen, Musik und digitalen Tagebüchern zu organisieren, neben einem sofort zugänglichen „SOS Therapy“-Modul für Benutzer in akuten Krisen. Um dies zu erreichen, musste das gesamte Plattform von Grund auf neu gestaltet und als Headless-Ökosystem konzipiert werden, wodurch ein zentralisiertes WordPress-Backend Daten gleichzeitig an ein neues Web-Frontend und dedizierte iOS/Android-Apps senden kann.

Die Redesign- & UI/UX-Strategie

Da die App für Benutzer gedacht ist, die Unterstützung für ihre mentale Gesundheit suchen, erforderte das UI/UX-Redesign einen hochsensiblen Ansatz. Wir begannen in Figma und entfernten jeglichen visuellen Ballast, der eine kognitive Überlastung verursachen könnte. Wir entwarfen ein beruhigendes, minimalistisches Interface, das stark auf den spanischsprachigen Markt zugeschnitten ist („Descubre BLS therapy“). Die User Journey wurde skizziert, um sicherzustellen, dass eine Person, die die App in einem Zustand der Angst öffnet, ihre Kopfhörer finden, auf Play für eine bilaterale Stimulationsübung drücken oder das SOS Therapy-Modul mit einem Klick aktivieren kann. Wir entwarfen auch spezielle, ablenkungsfreie Ansichten für die digitalen Tagebuchfunktionen und langfristigen therapeutischen Programme.

Headless WordPress & REST API Architektur

Um dem Team von BLS Therapy die vollständige Kontrolle über ihre Inhalte zu geben, ohne sie an einen starren App-Update-Zyklus zu binden, haben wir eine Headless-WordPress-Architektur implementiert. Wir haben das WordPress-Admin-Panel zu einem leistungsstarken Medien- und Inhalts-Hub angepasst. Administratoren können ganz einfach neue Audiotracks hochladen, sie in kategorisierte Wiedergabelisten gruppieren, tägliche Tagebuch-Prompts veröffentlichen und mehrwöchige Therapieprogramme strukturieren. Anschließend bauten wir eine maßgeschneiderte REST-API-Schicht über diese Datenbank. Diese sichere API fungiert als zentrales Nervensystem und sendet JSON-Daten und Audiostream-URLs in Echtzeit direkt an das Web-Frontend und die mobilen Apps, sodass Benutzer immer über die neuesten Inhalte verfügen, sobald sie sich einloggen.

Die mobile App & fortschrittliche Audio Engine

Der Kern des BLS Therapy-Erlebnisses verlässt sich auf die nativen iOS- und Android-Applikationen. Audio-orientierte Apps erfordern unglaublich spezifisches Engineering—Standard-Web-Views funktionieren schlichtweg nicht. Wir entwickelten native Applikationen mit einer maßgeschneiderten Audiowiedergabe-Engine, die nahtlos im Hintergrund laufen kann, während das Telefon des Benutzers gesperrt ist. Da bilaterale Stimulation entscheidend auf präzises Stereo-Panning setzt (Abwechseln des Tons zwischen dem linken und rechten Ohrhörer), musste die Audio-Engine für fehlerfreie Kanalsynchronisation und verzögerungsfreie Wiedergabe codiert werden. Zudem integrierten wir Offline-Caching-Funktionen, sodass Benutzer ihre Lieblings-Wiedergabelisten und SOS-Therapien herunterladen können, um auch ohne Internetverbindung Zugriff auf ihre Werkzeuge für mentale Gesundheit zu haben.

Das Endergebnis & die Auswirkung

Das resultierende BLS Therapy-Ökosystem ist ein Meisterwerk entkoppelter Architektur. Durch die Trennung der robusten Inhaltsverwaltung von WordPress von der leistungsstarken Bereitstellung von React und nativen mobilen Apps haben wir eine Plattform geschaffen, die sowohl für Administratoren leicht zu pflegen als auch unglaublich flüssig für den Endbenutzer ist. Benutzer können nun nahtlos vom Lesen eines therapeutischen Programms im Web zum Hören einer bilateralen Stimulations-Wiedergabeliste auf ihrem iPhone beim Gehen übergehen und ihre Reflexionen direkt in das sichere digitale Tagebuch der App schreiben. Es ist eine echte Oase im Taschenformat für mentales Wohlbefinden.