BlsTherapy

Użyte narzędzia i technologie

• Figma (UI/UX Redesign): Stworzono spokojną, intuicyjną tożsamość wizualną skupioną na spokoju umysłu, mapując złożone interfejsy aplikacji dla odtwarzaczy audio, pamiętników i programów terapeutycznych.
• Panel WordPress Headless: Zaprojektowano solidny backend administracyjny, w którym twórcy treści mogą przesyłać duże pliki audio, strukturyzować playlisty i zarządzać codziennymi tematami wpisów do pamiętnika.
• Dedykowane REST API: Zbudowano bezpieczne, wysokowydajne endpointy danych, aby błyskawicznie dostarczać ustrukturyzowaną zawartość, dane użytkowników i strumienie audio bezpośrednio do platform webowych i mobilnych.
• React (Headless Frontend): Opracowano niesamowicie szybką, odseparowaną aplikację internetową, która pozwala użytkownikom na dostęp do narzędzi terapeutycznych, zarządzanie subskrypcjami i eksplorację platformy z dowolnej przeglądarki.
• Aplikacje mobilne iOS & Android: Dostarczono natywne aplikacje mobilne zoptymalizowane pod kątem nieprzerwanego odtwarzania dźwięku w tle, powiadomień push oraz natychmiastowego dostępu do narzędzi ratunkowych.
• Dedykowany silnik audio: Zaprogramowano zaawansowany system odtwarzania multimediów specjalnie zaprojektowany dla terapii stymulacji bilateralnej (BLS), zapewniający bezbłędną synchronizację kanałów lewego i prawego.

Proces inżynieryjski i architektoniczny

Opis projektu i wyzwanie terapeutyczne

BLS Therapy to platforma cyfrowa dedykowana zdrowiu psychicznemu, wykorzystująca w szczególności stymulację bilateralną (BLS), aby pomóc użytkownikom osiągnąć spokojniejszy, lżejszy i wolny umysł („una mente más libre, ligera y en calma”). Klient wymagał kompletnej cyfrowej transformacji. Wyzwanie było wieloaspektowe: potrzebowali platformy zdolnej do zorganizowania ogromnej biblioteki terapeutycznych ścieżek dźwiękowych, programów z przewodnikiem, muzyki i cyfrowych pamiętników, wraz z natychmiast dostępnym modułem „SOS Therapy” dla użytkowników w stanie ostrego kryzysu. Aby to osiągnąć, cała platforma musiała zostać zaprojektowana od nowa i ustrukturyzowana jako ekosystem headless, pozwalający scentralizowanemu backendowi WordPress na jednoczesne przesyłanie danych do nowego frontendu internetowego oraz dedykowanych aplikacji mobilnych na systemy iOS i Android.

Strategia redesignu i UI/UX

Ponieważ aplikacja służy użytkownikom szukającym wsparcia w zakresie zdrowia psychicznego, przebudowa UI/UX wymagała bardzo wrażliwego podejścia. Zaczęliśmy w Figmie, usuwając wszelki chaos wizualny, który mógłby powodować przeciążenie poznawcze. Zaprojektowaliśmy kojący, minimalistyczny interfejs mocno dostosowany do rynku hiszpańskojęzycznego („Descubre BLS therapy”). Ścieżka użytkownika została zmapowana tak, aby osoba otwierająca aplikację w stanie silnego lęku mogła znaleźć swoje słuchawki, uruchomić ćwiczenie stymulacji bilateralnej lub włączyć moduł SOS Therapy za pomocą jednego kliknięcia. Zaprojektowaliśmy również dedykowane, pozbawione rozpraszaczy widoki dla funkcji cyfrowego pamiętnika i długoterminowych programów terapeutycznych.

Architektura Headless WordPress i REST API

Aby dać zespołowi BLS Therapy pełną kontrolę nad ich treściami bez wiązania ich ze sztywnym cyklem aktualizacji aplikacji w sklepach, wdrożyliśmy architekturę Headless WordPress. Przekształciliśmy panel administracyjny WordPress w potężne centrum multimediów i treści. Administratorami mogą łatwo przesyłać nowe ścieżki dźwiękowe, grupować je w skategoryzowane playlisty, publikować codzienne tematy wpisów do pamiętnika i tworzyć wielotygodniowe programy terapii. Następnie zbudowaliśmy niestandardową warstwę REST API nad tą bazą danych. To bezpieczne API działa jako centralny układ nerwowy, przesyłając dane JSON i adresy URL strumieni audio bezpośrednio do frontendu webowego oraz aplikacji mobilnych w czasie rzeczywistym, zapewniając użytkownikom dostęp do najnowszych treści w sekundę po zalogowaniu.

Aplikacja mobilna i zaawansowany silnik audio

Serce doświadczenia BLS Therapy opiera się na natywnych aplikacjach na systemy iOS i Android. Aplikacje skupione na dźwięku wymagają niezwykle specyficznej inżynierii—zwykłe widoki webowe (web-views) po prostu się nie sprawdzają. Opracowaliśmy natywne aplikacje wyposażone w autorski silnik odtwarzania audio, zdolny do płynnego działania w tle, gdy telefon użytkownika jest zablokowany. Ponieważ stymulacja bilateralna opiera się krytycznie na precyzyjnym panoramowaniu stereo (naprzemiennym dźwięku między lewą a prawą słuchawką), silnik audio musiał zostać zakodowany pod kątem bezbłędnej synchronizacji kanałów i odtwarzania bez opóźnień. Ponadto zintegrowaliśmy funkcje buforowania offline, dzięki czemu użytkownicy mogą pobierać swoje ulubione playlisty i terapie SOS, zapewniając dostęp do narzędzi wspierających zdrowie psychiczne nawet bez połączenia z Internetem.

Ostateczny rezultat i wpływ

Powstały ekosystem BLS Therapy to majstersztyk odseparowanej architektury. Poprzez oddzielenie solidnego zarządzania treścią w WordPressie od wysokowydajnego dostarczania za pomocą Reacta i natywnych aplikacji mobilnych, stworzyliśmy platformę łatwą w utrzymaniu dla administratorów i niesamowicie płynną dla użytkownika końcowego. Użytkownicy mogą teraz bezproblemowo przechodzić od czytania programu terapeutycznego w sieci do słuchania playlisty stymulacji bilateralnej na swoim iPhonie podczas spaceru, bezpośrednio zapisując swoje przemyślenia w bezpiecznym cyfrowym pamiętniku aplikacji. To prawdziwy, kieszonkowy azyl dla dobrego samopoczucia psychicznego.