Kategori
- Hälsa & välmående
- Sport
- Teknik
Besök webbplatsen
Aeri App
App för andningsövningar och meditation
Varumärkesutveckling, UX/UI och utveckling
Mobilapp
Aeri är en app för andningsövningar och meditation — ett intuitivt verktyg för daglig träning som förenar kropp och sinne. Den är utformad för idrottare och alla som söker lugn, klarhet, stöd för prestation och återhämtning.
Projektöversikt
För Aeri formgav och utvecklade vi en visuellt lugn, minimalistisk app som varsamt guidar människor mot vila. Tydlig design, visuellt vitt brus och en guidad introduktion presenterar meditation och andningsövningar utan onödig komplexitet. Appen stödjer stressreducering, idrottsprestation och återhämtning genom att hjälpa kropp och sinne in i en mer balanserad vardagsrytm — ett andetag i taget.
Tjänster
- Appstrategi
- App-branding
- UX/UI & prototyper
- MVP-utveckling
Tillvägagångssätt
- Progressiv webbapp (PWA)
- Headless-arkitektur
- API-first-backend
- Serverless & molnbaserat
- Tillgänglig & dataskyddskompatibel
Teknik
- Payload
- Vue
- Capacitor
Utmaning och potential
På en marknad full av hektiska wellnessappar skapade Aeri en möjlighet att medvetet sakta ned. Målet var inte att bygga ännu ett verktyg för andningsträning, utan en digital upplevelse som verkligen känns obrådskande. Vi tog bort allt onödigt och formgav ett gränssnitt som kommunicerar lugn genom tydlighet. Tekniken skulle stödja, inte överväldiga — ett praktiskt verktyg för närvaro och fokus. Varje beslut, från struktur till interaktion, balanserade enkelhet, tillgänglighet och känslomässig resonans.
Grundarbete
Innan vi formgav en enda pixel utforskade vi varumärket inifrån och ut. Gemensamma workshoppar skärpte grundarteamets vision, klargjorde produktens emotionella och strategiska lager och definierade vad som gör den särskiljande. Från strategisk samsyn med grundaren till en detaljerad genomgång av varje kontaktpunkt gav den här fasen alla senare kreativa beslut en tydlig och konsekvent grund.
- Strategisk uppstart och genomgång
- Gemensam workshop
- Konkurrentanalys
- Användar- och målgruppsanalys
Varumärkesstrategi
Aeri ställde en särskild designfråga: hur översätter man en fysisk praktik, djupt rotad i kroppen, till en digital upplevelse som känns lugn, heltäckande och känslomässigt sammanhängande? I gemensamma workshoppar definierade vi tre centrala värden: enkelhet, närvaro och somatiskt djup. De formade en produkt som gör mer än att instruera andningsövningar — den känns som att andas. Den minimalistiska, animerade designen stödjer praktiken utan att skymma den och ger varje andetag det utrymme det behöver.
- Värdeerbjudande och positionering
- Varumärkesvärden och narrativ utveckling
- Utveckling av varumärkets röst
Visuell identitet
Aeri utformades för många olika människor, från professionella triathleter som tränar för prestation till personer som söker stöd vid stress, oro eller kronisk smärta. Kundens nära arbete med elitidrottare vägledde en app som förenar djup kroppsmedvetenhet med funktionell tydlighet, medan en stor onlinecommunity krävde en öppen och inkluderande ton. Vi utvecklade ett visuellt språk som känns både dynamiskt och förankrat — atletiskt nog för prestationsinriktade användare, men lugnt och tillgängligt för alla. Andningsövningar är inte för ett fåtal; de är för alla som vill sakta ned och förbättra sin livskvalitet.
- Varumärkesidentitet och logotypdesign
- Färg, typografi och rörelsesystem
- Dokumentation av designsystemet
Verbal identitet
I nära samarbete med grundaren utvecklade vi inte bara tonaliteten utan även namnet Aeri. Det antyder lätthet utan att bli esoteriskt och pekar direkt mot ämnet: andning. Appens språk är lika reducerat. Korta, tydliga texter ersätter långa förklaringar, särskilt i introduktionen där människor varsamt får lära känna andningsteknikerna. Sessionerna avslutas inte med statistik utan med en affirmation — ett stilla slut som dröjer sig kvar.
- Ramverk för budskap
- Riktlinjer för text
- Mikrocopy och UX-skrivande
- Namngivning
Appdesign
Aeri ställde en särskild designfråga: hur kan en fysisk praktik, djupt rotad i kroppen, bli en digital upplevelse som känns lugn, konkret och känslomässigt sammanhängande? Gemensamma workshoppar definierade enkelhet, närvaro och somatiskt djup som centrala värden. De formade en produkt som gör mer än att instruera andningsövningar — den känns som att andas. Den minimalistiska, animerade designen stödjer praktiken utan att stå i vägen och ger varje andetag det utrymme det behöver.
- Gränssnittsdesign och prototyper
- Introduktionsupplevelse
- Rörelsedesign och mikrointeraktioner
- Ljudintegration
- Frontendprototyper och implementering
- Överlämning av designsystemet
- Lanseringsmaterial och support
Varumärkesidentitet och logotyp
Vi formgav en minimalistisk, organisk och rytmiskt balanserad logotyp som speglar den naturliga cykeln av in- och utandning. Formen på ”A” växer ur den vågliknande linje som går genom appens centrala upplevelse som en visuell guide. Den fångar produktens dualitet: stillhet och rörelse, tydlighet och känsla. Mer än en bokstavsform blir Aeri-logotypen en visuell metafor för närvaro — enkel, lugn och mänsklig.
Gränssnitt och prototyper
Varje gränssnittselement reducerades till det väsentliga. Generösa ytor, läsbar typografi och en tydlig layout skapar lätthet och orientering och hjälper sinnet att landa i stället för att tillföra mer brus.
Andningsvisualisering och mikrointeraktioner
En av Aeris utmärkande funktioner är den animerade representationen av andningscykeln. I stället för att förlita oss på ord utvecklade vi ett rörelsebaserat system som guidar människor visuellt genom varje fas: andas in, håll och andas ut. Den kroppsfokuserade signalen gör upplevelsen konkret och levande, inte bara begriplig.
Appen i praktiken
Aeri utformades för att vara mer än funktionell; den skapar en upplevelse. Varje kontaktpunkt stödjer ett lugnt, obrutet flöde. Från introduktion till guidade sessioner ger appen naturlig vägledning och hjälper människor att behålla fokus. Bild, ljud och rörelse samverkar för att leda utan att distrahera. Resultatet är ett intuitivt verktyg för andningsövningar som nästan försvinner — eftersom de bästa verktygen lämnar plats åt det viktiga.
- Introduktionsupplevelse
- Rörelsedesign
- Ljudintegration
- Interaktionsdesign
- Frontendprototyper
UX-flöde och introduktion
Användarresan är medvetet lugn och tydligt strukturerad, från den första interaktionen till daglig praktik. Introduktionen presenterar varsamt grunderna i andningsövningarna och förklarar vilken hållning som stödjer avslappnad andning och hur diafragma och bäckenbotten kan leda andetaget till magen och bröstet.
Integrering av rörelse och ljud
Mikroanimationer och en skräddarsydd ljudmotor följer varje andningsövning genom ett minimalt gränssnitt. Ljudlandskap och övergångstoner synkroniseras med andningsrytmen för att skapa en multisensorisk upplevelse.
Personalisering
Användarna kan välja mellan sex visuella teman för olika sinnesstämningar och tider på dagen: Pure Black, Cool Horizon, Ocean Sand, Violet Pop, Lavender Twilight och Sunset Sorbet. Tonhöjden kan justeras och haptisk återkoppling slås på eller av för tyst användning. Fler personaliseringsalternativ är redan planerade.