계획을 들려주세요

간단한 내용만으로도 시작할 수 있습니다. 담당자가 직접 연락드립니다. 프로젝트 관련 소통은 영어로 진행합니다.

MAKE · USEFUL · BEAUTIFUL ·
앱 화면이 표시된 스마트폰을 들고 있는 사람입니다.
제품호흡법·명상 앱
담당 범위브랜딩, UX/UI, 개발
플랫폼모바일 앱

Aeri는 몸과 마음을 연결하는 일상 실천을 위한 직관적인 호흡법·명상 앱입니다. 운동선수와 차분함, 명료함, 퍼포먼스 지원, 회복을 원하는 사람을 위해 설계했습니다.

프로젝트 개요

Aeri를 위해 시각적으로 차분하고 미니멀하며 휴식으로 부드럽게 안내하는 앱을 설계하고 개발했습니다. 명확한 디자인, 시각적 화이트 노이즈, 단계적인 온보딩으로 불필요한 복잡함 없이 명상과 호흡법을 소개합니다. 한 번의 호흡씩 몸과 마음이 더 균형 잡힌 일상 리듬에 적응하도록 도와 스트레스 감소, 운동 퍼포먼스, 회복을 지원합니다.

이 프로젝트는 앱 개발과 UX 디자인을 연결해 온보딩, 상호작용, 구현 전체에 같은 차분한 제품 논리를 적용합니다.

Kategorie

  • 건강·웰니스
  • 스포츠
  • 기술

Leistungen

  • 앱 전략
  • 앱 브랜딩
  • UX/UI·프로토타이핑
  • MVP 개발

Ansatz

  • 프로그레시브 웹 앱(PWA)
  • 헤드리스 아키텍처
  • API 우선 백엔드
  • 서버리스·클라우드 기반
  • 접근성·개인정보 보호 준수

Technologie

  • Payload
  • Vue
  • Capacitor
고개를 뒤로 젖힌 사람의 옆모습입니다.
고요함을 설계하고 차분함을 코드로

과제와 가능성

복잡한 웰니스 앱이 많은 시장에서 Aeri는 의도적으로 속도를 늦출 기회였습니다. 또 다른 호흡 훈련 도구가 아니라 서두르지 않는다고 느끼는 디지털 경험을 목표로 했습니다. 불필요한 것을 제거하고 명확함으로 차분함을 전하는 인터페이스를 설계했습니다. 기술은 압도하기보다 현재에 머물고 집중할 실용적인 도구로 지원해야 합니다. 구조부터 상호작용까지 단순함, 접근성, 감정적 공감의 균형을 고려했습니다.

브랜드에 생명력을

기반 마련

픽셀 하나를 디자인하기 전에 브랜드를 안에서부터 탐색했습니다. 협업 워크숍으로 창업 팀의 비전을 선명하게 하고 제품의 감정적·전략적 층위를 정리하며 차별점을 정의했습니다. 창업자와의 전략 합의부터 모든 브랜드 접점의 세부 검토까지, 이후 창작 결정에 명확하고 일관된 기반을 마련했습니다.

  • 전략 킥오프와 정리
  • 협업 워크숍
  • 경쟁사 분석
  • 사용자·대상 조사
사람다운 인터페이스는 전략에서 시작합니다

브랜드 전략

Aeri에는 특별한 디자인 질문이 있었습니다. 몸에 깊이 뿌리를 둔 신체적 실천을 차분하고 전체적인 연결감이 있으며 감정적으로 일관된 디지털 경험으로 어떻게 옮길 것인가. 협업 워크숍에서 단순함, 현재에 머무는 감각, 깊이 있는 신체 감각이라는 세 가치를 정했습니다. 호흡 운동을 지시하는 데서 나아가 호흡 자체처럼 느껴지는 제품을 만들었습니다. 미니멀한 애니메이션 디자인은 실천을 가리지 않고 지원하며 호흡마다 필요한 여유를 제공합니다.

  • 가치 제안과 포지셔닝
  • 브랜드 가치와 서사 개발
  • 브랜드 목소리 개발
어두운 배경에 호흡 주기 앱 화면을 표시하는 스마트폰 두 대가 있습니다.
야외에 서 있는 운동복 차림의 사람
올림픽 선수부터 차분함을 찾는 사람까지

시각적 정체성

Aeri는 퍼포먼스를 위해 훈련하는 프로 트라이애슬론 선수부터 스트레스, 불안, 만성 통증에 대한 지원을 원하는 사람까지 폭넓은 대상을 위해 설계했습니다. 고객사가 엘리트 선수와 긴밀히 일한 경험은 깊은 신체 인식과 기능적 명확성을 연결하는 앱에 반영됐습니다. 큰 온라인 커뮤니티에는 열려 있고 포용적인 말투가 필요했습니다. 역동적이면서도 안정적이고, 퍼포먼스를 중시하는 사용자에게 충분히 운동적이면서 모두에게 차분하고 접근하기 쉬운 시각적 언어를 개발했습니다. 호흡법은 일부만을 위한 것이 아니라 속도를 늦추고 삶의 질을 높이고 싶은 사람을 위한 것입니다.

  • 브랜드 정체성과 로고 디자인
  • 색상, 타이포그래피, 모션 시스템
  • 디자인 시스템 문서화
실루엣과 글자가 담긴 다채로운 스트리트 아트 포스터.
트랙을 달리는 사람
다채로운 로고가 있는 흰색 모자를 고쳐 쓰는 사람.
질감이 있는 빨간 표면 위에 놓인 'Aeri' 로고가 있는 투명한 물병.
원형 디자인이 있는 파란색 후드티를 들어 보이는 사람.
적합한 말투 찾기

언어적 정체성

창업자와 긴밀히 협업해 브랜드 말투뿐 아니라 Aeri라는 이름도 개발했습니다. 신비주의로 흐르지 않으면서 가벼움을 느끼게 하고 호흡이라는 주제를 바로 떠올리게 합니다. 앱의 언어도 필요한 만큼만 남겼습니다. 긴 설명 대신 짧고 명확한 카피를 사용하며 특히 온보딩에서 호흡법을 부드럽게 소개합니다. 세션은 통계 대신 긍정적인 문장으로 마무리해 조용한 여운을 남깁니다.

  • 메시지 체계
  • 카피 가이드라인
  • 마이크로카피와 UX 라이팅
  • 네이밍
호흡을 시각화

앱 디자인

Aeri에는 특별한 디자인 질문이 있었습니다. 몸에 깊이 뿌리를 둔 신체적 실천을 차분하고 실감 나며 감정적으로 일관된 디지털 경험으로 어떻게 만들 것인가. 협업 워크숍에서 단순함, 현재에 머무는 감각, 깊이 있는 신체 감각을 핵심 가치로 정했습니다. 호흡 운동을 지시하는 데서 나아가 호흡 자체처럼 느껴지는 제품으로 이어졌습니다. 미니멀한 애니메이션 디자인이 실천을 방해하지 않고 지원하며 호흡마다 필요한 여유를 제공합니다.

  • 인터페이스 디자인과 프로토타입
  • 온보딩 경험
  • 모션 디자인과 마이크로 인터랙션
  • 오디오 통합
  • 프런트엔드 프로토타입과 구현
  • 디자인 시스템 인계
  • 공개용 자산과 지원

브랜드 정체성과 로고

자연스러운 들숨과 날숨의 주기를 반영한 미니멀하고 유기적이며 리듬이 균형 잡힌 로고를 설계했습니다. ‘A’의 형태는 앱의 핵심 경험에서 시각적 안내로 쓰이는 물결 같은 선에서 나옵니다. 고요함과 움직임, 명확함과 감정이라는 제품의 두 측면을 담습니다. Aeri 로고는 글자 모양을 넘어 현재에 머무는 감각의 시각적 비유가 됩니다. 단순하고 차분하며 사람답습니다.

어두운 배경에 물결을 모티브로 한 심볼이 들어간 앱 아이콘 두 개가 있습니다.

인터페이스와 프로토타입

모든 인터페이스 요소를 꼭 필요한 것만 남겼습니다. 넉넉한 공간, 읽기 쉬운 타이포그래피, 명확한 레이아웃이 가벼움과 방향을 제공해 잡음을 더하기보다 마음이 가라앉도록 돕습니다.

호흡 시각화와 마이크로 인터랙션

Aeri의 특징 중 하나는 호흡 주기의 애니메이션 표현입니다. 언어에만 의지하지 않고 들이쉬기, 멈추기, 내쉬기의 각 단계를 시각적으로 안내하는 모션 시스템을 개발했습니다. 몸에 집중하는 신호가 이해하는 것을 넘어 실감 나고 생생한 경험을 만듭니다.

검은 배경에 흰색 물결선과 원형 파문.
디자인과 실천의 만남

실제 앱 경험

Aeri는 기능을 넘어 경험을 만들도록 설계했습니다. 모든 접점이 차분하고 끊기지 않는 흐름을 지원합니다. 온보딩부터 가이드 세션까지 자연스럽게 안내하고 집중을 돕습니다. 이미지, 소리, 움직임이 함께 작동해 방해 없이 이끕니다. 직관적인 호흡 도구가 거의 느껴지지 않을 만큼 자연스러워집니다. 좋은 도구는 중요한 것을 위한 여유를 남깁니다.

  • 온보딩 경험
  • 모션 디자인
  • 오디오 통합
  • 상호작용 디자인
  • 프런트엔드 프로토타입
명상 앱 화면이 표시된 스마트폰을 들고 있는 사람

UX 흐름과 온보딩

첫 상호작용부터 일상 실천까지 사용자 여정을 의도적으로 차분하고 명확하게 구성했습니다. 온보딩은 호흡법의 기초를 부드럽게 소개하며 편안한 호흡을 돕는 자세, 횡격막과 골반저가 복부와 가슴의 호흡을 어떻게 이끄는지 설명합니다.

모션과 소리 통합

미니멀한 인터페이스에서 마이크로 애니메이션과 맞춤 오디오 엔진이 각 호흡 운동을 함께합니다. 사운드스케이프와 전환음이 호흡 리듬에 맞춰져 여러 감각을 활용하는 경험을 만듭니다.

개인화

기분과 시간대에 맞춰 설계한 여섯 가지 시각 테마인 Pure Black, Cool Horizon, Ocean Sand, Violet Pop, Lavender Twilight, Sunset Sorbet 중 선택할 수 있습니다. 음높이를 조정하고 조용히 사용하기 위해 햅틱 피드백을 켜거나 끌 수 있습니다. 추가 개인화 옵션도 계획하고 있습니다.