Rethinking the

BALLOON APP

Balloon meditation app on two smartphones with courses, exercises and mindfulness impulses.

UX DESIGN FOR THE Balloon Meditation App

mindfulLY STRUCTURED

INTRO

Balloon is one of the leading meditation and mindfulness apps in the German-speaking market.

The MissionMe team asked me to provide UX/UI Design support to restructure the "Discover" section and make content such as courses, meditations, podcasts, impulse cards, and inspirations clearer and more accessible.

It quickly became clear that adjusting just one area wouldn't be enough; and so the project expanded to encompass the entire app.

What started as 2 months turned into 2 years.

MY ROLE

UX design

UI Design

Prototype

User testing

In collaboration with MissionMe.
THE CHALLENGE

More Content. Less Clarity.

The Balloon app grew quickly. New courses, podcasts, exercises, impulses, and prevention programs were continuously added. But the original structure couldn't keep up., new offerings such as courses, prevention programs, podcasts, exercises and ideas continuously enriched the offering. The original structure could not represent this.

  • Users lost track of what was available
  • New content was only discovered by chance via newsletter
  • A lot of great content was never listened to

First Steps

I analyzed and documented pain points and existing user test results. From there, I developed a wireframe concept, that initially restructured the Discover tab and Home tab.

I work in wireframes first to solve structural problems efficiently, so no one gets lost in visual details.

The iterations were developed in close collaboration with design, product, and development.

Meditations-App Balloon auf drei Smartphones mit Podcasts, Slidern und Inspirationen.
THE APPROACH

MINDFUL

The new concept was rolled out gradually across multiple releases to gently bring existing users along.

  • Restructuring the "Discover" tab for intuitive navigation
  • Unify - transfer the new content structure and grids to the rest of the app
  • Integration of a filter function, for spontaneous inspiration
  • Integration of a full text search to find targeted content and spoken phrases

The new concepts received highly positive feedback in

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.

      MOVING FORWARD

      More structure

      more peace

      After the launch of the Discover tab, there were further projects I redesigned.

      All new features passed the frequent user tests positively, and through the gradual rollout of updates, the app remained familiar and intuitive for existing users.

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

      DURATION
      2 years
      LOCATION
      Remote
      TEAM
      Small design team, close collaboration with product owner & developer
n
      PLATFORM
      mobile app (iOS/Android), website
      SOFTWARE
      Figma, Sketch, Miro

      LET'S GET

      creative

      MORE PROJECTS