Lass uns über dein Vorhaben sprechen

Ein paar Details reichen für den Anfang. Wir melden uns persönlich bei dir.

MAKE · USEFUL · BEAUTIFUL ·
Person holding a smartphone displaying an app interface.
ProduktBreathwork & Meditation App
LeistungBranding, UX/UI & Entwicklung
PlattformMobile App

Aeri ist eine Atem- und Meditations-App – ein intuitives Tool für tägliche Übungen, das Körper und Geist verbindet. Für Athlet:innen und alle, die Entspannung, Klarheit, verbesserte Leistung sowie Regeneration suchen.

Projekt Übersicht

Für Aeri haben wir eine minimalistische und visuell beruhigende App gestaltet und entwickelt, die Nutzer:innen sanft zur Entspannung führt. Mit klarem Design, optischem White Noise und geführtem Onboarding zeigt Aeri, wie man effektiv meditiert und Atemübungen nutzt. So unterstützt die App dabei, Stress abzubauen, die sportliche Leistungsfähigkeit zu fördern und Körper sowie Geist im Alltag in Einklang zu bringen – Atemzug für Atemzug.

Kategorie

  • Gesundheit & Wellness
  • Sport
  • Technologie

Leistungen

  • Strategie
  • App Branding
  • UX/UI
  • Appdesign und Entwicklung

Ansatz

  • Progressive Web App (PWA)
  • Headless Architektur
  • API-first Backend
  • Serverless & Cloudbasiert
  • Barrierearm & Datenschutzkonform

Technologie

  • Payload
  • Vue
  • Capacitor
Person with head tilted back in profile view.
Stille gestalten: Wie sich Ruhe in Code übersetzen lässt

Challenge & Potenzial

In einem Markt voller überladener Wellness-Apps bot Aeri die seltene Chance, bewusst einen Gang zurückzuschalten. Ziel war es nicht, einfach ein weiteres Atemtrainingstool zu entwickeln, sondern eine digitale Erfahrung zu schaffen, die wirklich entschleunigt. Dafür haben wir alles Überflüssige weggelassen und ein Interface gestaltet, das Ruhe ausstrahlt und durch Klarheit überzeugt. Statt zu überfordern, sollte die Technologie unterstützen – als echtes Werkzeug für bewusste Präsenz und Konzentration. Jede Entscheidung – von der Struktur bis zur Interaktion – folgte dem Anspruch, Einfachheit, Zugänglichkeit und emotionale Wirkung in Einklang zu bringen.

Der Marke Leben einhauchen

Grundlagenarbeit

Bevor auch nur ein einziger Pixel gestaltet wurde, sind wir tief in das Innenleben der Marke eingetaucht. In gemeinsamen Workshops haben wir die Vision des Gründungsteams geschärft, die emotionalen und strategischen Ebenen des Angebots herausgearbeitet und definiert, was die Marke wirklich einzigartig macht. Von der strategischen Ausrichtung mit dem Gründer bis hin zur detaillierten Analyse aller Markenkontaktpunkte: Diese Phase bildete das Fundament für sämtliche kreativen Entscheidungen – und sorgte für Klarheit, Konsistenz und ein starkes Zielbild im gesamten Projektverlauf.

  • Strategisches Kickoff & Debriefing
  • Kollaborativer Workshop
  • Wettbewerbsanalyse
  • Nutzer- und Zielgruppenforschung
Strategische Grundlagen für eine menschlichere Benutzeroberfläche

Markenstrategie

Aeri stellte uns vor eine besondere gestalterische Herausforderung: Wie übersetzt man eine physische, tief im Körper verankerte Atempraxis in ein digitales Erlebnis, das sich ruhig, ganzheitlich und emotional stimmig anfühlt? In kollaborativen Workshops haben wir zentrale Werte definiert: Einfachheit, Präsenz und somatische Tiefe. Diese Erkenntnisse bildeten die Grundlage für ein Produkterlebnis, das nicht nur Atemübungen anleitet – sondern sich anfühlt wie Atmen. Daraus entstand ein minimalistisches, animiertes Design, das die Praxis unterstützt, statt sie zu überlagern – und dem Atem den Raum gibt, den er braucht.

  • Value Proposition & Positionierung
  • Markenwerte & Narrativentwicklung
  • Entwicklung der Markenstimme
Two smartphones displaying a breath cycle app interface on a dark background.
Person in athletic wear standing outdoors.
Gestaltet für alle: Von Olympionik:innen bis hin zu allen, die Ruhe suchen.

Visuelle Identität

Aeri wurde für ein breites Spektrum an Nutzer:innen entwickelt – von Profi-Triathlet:innen, die gezielt für Leistung trainieren, bis hin zu Menschen, die nach Entlastung bei Stress, Angst oder chronischen Schmerzen suchen. Die enge Zusammenarbeit des Kunden mit Spitzensportler:innen legte die Basis für eine App, die tiefes Körperbewusstsein mit funktionaler Klarheit verbindet, während seine große Online-Community einen offenen und inklusiven Ton erforderte. Deshalb entwickelten wir eine visuelle Sprache, die zugleich dynamisch und geerdet wirkt – sportlich genug, um Leistungsträger:innen anzusprechen, aber ruhig und zugänglich für alle. Denn Atemarbeit ist nicht nur für wenige – sie ist für alle, die entschleunigen und mehr Lebensqualität erlangen wollen.

  • Markenidentität & Logodesign
  • Farb-, Typografie- & Motion-System
  • Designsystem-Dokumentation
Colorful street art posters with silhouettes and text.
Person running on a track.
Person adjusting a white cap with a colorful logo.
Clear water bottle with 'Aeri' logo on a textured red surface.
Person holding up a blue hoodie with a circular design.
Den richtigen Ton finden

Verbale Identität

In enger Zusammenarbeit mit dem Gründer entwickelten wir nicht nur die Tonalität – sondern auch den Namen Aeri. Ein Name, der Leichtigkeit vermittelt, ohne esoterisch zu wirken, und der sofort erkennen lässt, worum es geht: Atmung. Auch sprachlich setzt die App auf Reduktion. Statt langer Erklärungen vermitteln kurze, klare Texte das Wesentliche – zum Beispiel im Onboarding, das Nutzer:innen behutsam an Atemtechniken heranführt. Und wenn eine Session endet, erscheint keine Statistik, sondern eine Affirmation – ein ruhiger Abschluss, der nachwirkt.

  • Messaging-Framework
  • Text-Guidelines
  • Mikrocopy & UX-Writing
  • Namensentwicklung
Atmen, visualisiert.

App Design

Aeri stellte uns vor eine besondere gestalterische Herausforderung: Wie lässt sich eine physische, tief im Körper verankerte Atempraxis in ein digitales Erlebnis übersetzen, das sich ruhig, körperlich spürbar und emotional stimmig anfühlt? In kollaborativen Workshops haben wir zentrale Werte definiert: Einfachheit, Präsenz und somatische Tiefe. Diese Erkenntnisse bildeten die Grundlage für ein Produkterlebnis, das nicht nur Atemübungen anleitet – sondern sich anfühlt wie Atmen. Daraus entstand ein minimalistisches, animiertes Design, das die Praxis unterstützt, statt sie zu überlagern – und dem Atem den Raum gibt, den er braucht.

  • Interface Design & Prototyping
  • Onboarding Experience
  • Motion Design & Microinteractions
  • Audio Integration
  • Frontend Prototyping / Implementation
  • Design System Handoff
  • Launch Assets & Support

Markenidentität & Logo

Wir haben ein Logo entworfen, das minimalistisch, organisch und rhythmisch ausbalanciert ist – es spiegelt den natürlichen Zyklus von Ein- und Ausatmen wider. Die Form des „A“ leitet sich von der wellenförmigen Linie ab, die sich durch das Kern-Erlebnis der App zieht und als visuelle Orientierung dient. Es fängt die Dualität des Produkts ein: Ruhe und Bewegung, Klarheit und Emotion. Mehr als nur eine Buchstabenform wird das Aeri-Logo zur visuellen Metapher für Präsenz – simpel, ruhig und menschlich.

Two app icons with stylized wave symbols on a dark background.

Benutzeroberfläche & Prototyping

Jedes Element der Benutzeroberfläche haben wir klar auf das Wesentliche reduziert. Dabei setzen wir auf großzügige Freiräume, gut lesbare Schriften und ein übersichtliches Layout, das Leichtigkeit und Klarheit schafft – so wird der Kopf beruhigt, statt überladen.

Visualisierung der Atmung & Mikrointeraktionen

Eines der prägnantesten Merkmale von Aeri ist die animierte Darstellung des Atemzyklus. Statt auf Worte zu setzen, entwickelten wir ein bewegungsorientiertes System, das die Nutzer:innen visuell durch jede Phase des Atems begleitet: Einatmen – Halten – Ausatmen. Dieses körperbezogene Signal macht die Erfahrung spürbar und lebendig, statt sie nur verständlich zu machen.

White wavy line with a circular ripple on a black background.
Wo Design auf Praxis trifft

App in Aktion

Aeri wurde entwickelt, um mehr als nur funktional zu sein – die App soll ein Erlebnis schaffen. Jeder Berührungspunkt ist darauf ausgelegt, einen ruhigen, ungestörten Flow-Zustand zu unterstützen. Vom Onboarding bis zu den geführten Sessions begleitet die App dich mühelos und fördert deine Konzentration. Bild, Ton und Bewegung arbeiten synchron zusammen, um die Nutzer:innen sanft zu führen – ohne abzulenken. Das Ergebnis ist ein intuitives Atemtool, das fast unsichtbar wirkt – denn die besten Werkzeuge ermöglichen es dir, dich auf das Wesentliche zu konzentrieren.

  • Onboarding-Erlebnis
  • Motion Design
  • Audio-Integration
  • Interaktionsdesign
  • Frontend-Prototyping
Person holding a smartphone displaying a meditation app interface.

UX-Flow & Onboarding

Die Nutzerreise ist bewusst ruhig und klar strukturiert – von der ersten Interaktion bis zur täglichen Anwendung. Das Onboarding führt die Nutzer:innen behutsam in die Grundlagen der Atemarbeit ein. Dabei lernen sie, welche Körperhaltung eine entspannte Atmung unterstützt und wie sie mithilfe von Zwerchfell und Beckenboden gezielt in Bauch und Brustraum atmen können.

Integration von Bewegung & Klang

Mikroanimationen und eine maßgeschneiderte Audio-Engine begleiten die Atemerfahrung mit minimaler Benutzeroberfläche. Klanglandschaften und Übergangstöne synchronisieren sich mit dem Atemrhythmus und schaffen so ein multisensorisches Erlebnis.

Personalisierung

Nutzer:innen können aus sechs visuellen Themen wählen, die auf verschiedene Stimmungen und Tageszeiten abgestimmt sind: Pure Black, Cool Horizon, Ocean Sand, Violet Pop, Lavender Twilight und Sunset Sorbet. Die Tonhöhe kann angepasst und haptisches Feedback für den geräuschlosen Gebrauch ein- oder ausgeschaltet werden – weitere Personalisierungsfunktionen sind bereits in Planung.