Aeri 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

LIVE WEBSITE

Umfang

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.

Plan

Essence

Branding & Re-Branding

Momentum

Webdesign & entwicklung

Kategorie

Gesundheit & Wellness

Sport

Services

App Branding
Appdesign und Entwicklung
UI / UX Design

Ansatz

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

Technologie

Payload Vue Capacitor

Challenge & Potenzial

Stille gestalten: Wie sich Ruhe in Code übersetzen lässt

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.

Grundlagenarbeit

Unsere Leistungen

Input-Sprint
Strategisches Kickoff & Debriefing
Kollaborativer Workshop
Wettbewerbsanalyse
Nutzer- und Zielgruppenforschung

Der Marke Leben einhauchen

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.

Your Space to reconnect with your Breath, Body and Mind.

Markenstrategie

Unsere Leistungen

Kreativstrategie
Value Proposition & Positionierung
Markenwerte & Narrativentwicklung
Entwicklung der Markenstimme

Strategische Grundlagen für eine menschlichere Benutzeroberfläche

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.

Visuelle Identität

Unsere Leistungen

Visuelle Recherche & Moodboarding
Markenidentität & Logodesign
Farb-, Typografie- & Motion-System
Designsystem-Dokumentation

Gestaltet für alle: Von Olympionik:innen bis hin zu allen, die Ruhe suchen.

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.

Verbale Identität

Unsere Leistungen

Tonality-Definition
Messaging-Framework
Text-Guidelines
Mikrocopy & UX-Writing
Namensentwicklung

Den richtigen Ton finden

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.

Your breathing creates inner calm.

Each breath brings you balance and harmony.

You gracefully release what no longer serves you.

App Design

Unsere Leistungen

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

Atmen, visualisiert.

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, dass sich ruhig, körperlich spührbar und emotional resonant 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.

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.

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.

App in Aktion

Unsere Leistungen

UX-Architektur
Onboarding-Erlebnis
Motion Design
Audio-Integration
Interaktionsdesign
Frontend-Prototyping

Wo Design auf Praxis trifft

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.

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.