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-Tests navigierten Nutzer ohne Einweisung durch die neu strukturierte App. Die häufigste Reaktion war eine positive Überraschung: Ach, das geht ja jetzt einfach.

USER INTERFACE

DESIGN MIT 
SYSTEM

Ein durchdachtes Design System bildet die Grundlage für ein konsistentes und skalierbares App-Erlebnis. Mit Design Tokens, wiederverwendbaren Komponenten und klar definierten visuellen Regeln schaffe ich eine flexible Designbasis, die sich effizient weiterentwickeln lässt.

Da wir das komplette System von Sketch zu Figma umgezogen haben, bot sich die Chance dies gleich mit den neusten Standards aufzubauen.

    Design Tokens
    Variablen
    Moleküle
    Organismen
    Komponenten
    Templates
    Shows part of the Balloon Design System, in this image the grid systemShows part of the Balloon Design System, in this image colorsShows part of the Balloon Design System, in this image the font systemShows part of the Balloon Design System, in this image IconsShows part of the Balloon Design System, in this image MoleculesShows part of the Balloon Design System, in this image Components

    Speziell im UI-Design habe ich die monotone Darstellung der Inhalte grundlegend überarbeitet, ohne den illustrativen Markenauftritt zu verändern.

    Durch eine klare visuelle Hierarchie für Filter, Suchfunktionen und Inhaltscluster, eine zweispaltige Darstellung der Übungen und mehr inhaltliche Tiefe entstand eine übersichtlichere Nutzerführung.

    Ergänzend habe ich Slider zur Kategorisierung, Indikatoren für bereits gehörte Inhalte und das illustrative Markenmaskottchen zur Stärkung positiver Emotionen integriert.

      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