ReTHINKING the

BALLOON APP

Meditations-App Balloon auf zwei Smartphones mit Kursen, Übungen und Achtsamkeits-Impulsen.

UX DESIGN FÜR dIE Balloon Meditations App

Achtsam strukturierT

INTRO

Balloon ist eine der führenden Meditations und Achtsamkeits Apps im deutschsprachigen Raum.



Das MissionMe-Team bat mich, UX/UI Design-Unterstützung zu leisten, um den Bereich „Entdecken“ neu zu strukturieren und die Inhalte wie Kurse, Meditationen, Podcasts, Impulskarten und Inspirationen übersichtlich und zugänglicher zu gestalten.

Schnell wurde uns klar das nur einen Bereich anpassen nicht ausreicht und so weite sich das Projekt auf die komplette App aus.

Aus 2 Monaten wurden 2 Jahre.

MEINE ROLLE

UX Design

UI Design

Prototype

User Tests

In Zusammenarbeit mit MissionMe.
DIE HERAUSFORDERUNG

Mehr Inhalt. WENIGER KLARHEIT

Die Balloon App wuchs schnell. Neue Kurse, Podcasts, Übungen, Impulse und Präventionsprogramme kamen kontinuierlich hinzu. Doch die ursprüngliche Struktur konnte dies nicht abbilden

  • Usern verloren den Überblick
  • Neue Inhalte wurden nur zufällig über Newsletter entdeckt
  • Viel guter Content wurde nicht gehört

First Steps

Ich analysierte dokumentierte Pain Points und bestehende User-Test-Ergebnisse. Daraus entwickelte ich ein Wireframe-Konzept, das zunächst die Struktur von Entdecken-Tab und Home-Tab neu ordnete.


Ich arbeite zuerst in 
Wireframes um effizient das strukturelle Problem zu lösen, damit sich niemand in visuellen Details verliert.

Die Iterationen entstanden im engen Austausch mit Design, Product und Entwicklung.

Meditations-App Balloon auf drei Smartphones mit Podcasts, Slidern und Inspirationen.
DIE HERANGEHENSWEISE

MINDFUL

Das neue Konzept wurde schrittweise in mehreren Releases ausgerollt, um bestehende Kunden langsam abzuholen.

  • Neustrukturierung des Entdecken-Tabs für intuitive Navigation
  • Vereinheitlichen - neue Inhaltliche Struktur und Grids auf den Rest der App übertragen
  • Eine Filterfunktion, für spontane Inspiration
  • Eine Volltext-Suche, um gezielt Inhalte und gesprochenen Phrasen zu finden

In den User-Test wurde die neunen Konzepte sehr begeistert angenommen.

USER INTERFACE

details matter

Speziell im UI-Design habe ich die vorhandene recht monotone Darstellung der Inhalte komplett neu durchdacht, ohne den illustrativen Markenauftritt zu verändern.

  • Visuelle deutliche Priorisierung der Filter und Suchfunktionen, sowie der Inhaltscluster
  • 2 spaltige Darstellung einzelner Übungen, bessere Inhaltsübersicht
  • Inhaltlich mehr Detailtiefe statt nur Headlines
  • Integration von Slidern um Kategorien zu clustern
  • Indikationen für bereits gehörte Inhalte
  • Das illustrations Maskottchen der Marke für positive Emotionen stärker in die App integriert.
Detail Screens einzelner Assets der Balloon Meditations App, zeigt ein und zweispaltige Medien, sowie slider
Von einem recht monotonem Layout (links) zu mehr diversen Formaten.
WEITER GEHTS

Mehr Struktur

mehr Ruhe

Nach dem Launch des Entdecken-Tabs gab es noch weitere Projekte, wie den von mir neu durchdacht wurden.

Alle neuen Features gingen positive durch die häufig durchgefühten User-Tests und durch die schrittweise Einführung der Updates blieb die App für bestehende Nutzer vertraut und intuitiv bedienbar.

Meditations-App Balloon auf drei Smartphones mit Mein Balloon, Kursdetail Ansicht und der Suchfunktion.
KUNDE
MissionMe

DAUER
2 Jahre
STANDORT
Remote
TEAM
Kleines Design-Team, enge Zusammenarbeit mit Produktowner & Entwickler
n
PLATTFORM
Mobile App (iOS/Android), Webseite
SOFTWARE
Figma, Sketch, Miro

LET'S GET

creative

MORE PROJECTS