구독료 관리 앱에 우주 세계관을 입힌 Orbit — 감성과 기능 사이 줄타기

구독 관리 앱이라고 하면 떠오르는 이미지가 있잖아요. 리스트, 금액, 결제일. 건조한 숫자들의 나열. 근데 Orbit이라는 앱은 이 건조한 주제에 '우주'라는 메타포를 씌웠어요. 행성이 돌고, 딥 퍼플 배경에 미세한 입자가 흩날리고. 구독 서비스들이 마치 자기만의 궤도를 도는 것처럼요.

이게 그냥 꾸미기인지, 진짜 UX에 기여하는 건지. 스크린을 하나씩 뜯어보면 답이 나와요.

안식년에 자기 구독을 정리하다가 앱을 만든 사람

Orbit은 창업자 Josh가 안식년 동안 자기 소프트웨어 구독을 정리하다가 시작된 앱이에요. 예상보다 많은 사람들이 이미 잊어버린 구독에 돈을 쓰고 있더라는 거죠. "나는 지금 뭘 구독하고 있는가?" — 이 질문을 쉽게 마주할 수 있는 도구를 만들고 싶었대요.

복잡한 재무 관리 앱이 아니라 메모 앱처럼 단순하고 부담 없는 인터페이스로 지출을 인식하게 하는 것이 출발점이었어요. 반복 결제 자체를 부정하는 게 아니라, 잊혀진 구독을 정리할 수 있는 최소한의 장치를 제공하겠다는 목적. 동시에 "소프트웨어도 하나의 아름다운 창작물"이라는 철학이 있어서, 게임처럼 즐거운 미감과 세계관을 통해 '지루하지만 중요한 일'을 다시 바라보게 하려는 시도라고요.

(금융 전문가가 아니라 구독에 지친 사용자 입장에서 설계했다는 게 포인트에요.)

온보딩 — "남의 이야기"를 "내 지출"로 바꾸는 기법

앱 실행 직후 마주하는 온보딩이 꽤 인상적이에요. 문제 정의 -> 공감 유도 -> 구독 입력 -> 연간 지출 환기 -> 가치 제안 -> 결제 유도. 이 흐름이 단계적으로 이어지는데, 핵심은 통계 수치와 개인 입력 결과를 결합하는 방식이에요. "남의 이야기"를 "나의 지출"로 전환시키는 거죠.

전체는 딥 퍼플 배경에 미세한 입자 효과로 구성되어 있고, 앱 이름인 Orbit과 맞물리는 우주 메타포를 형성해요. 각 화면은 1스크린 1메시지. 정보 밀도를 확 낮추고 타이포그래피 중심으로 강한 메시지를 전달하는 구조예요. 실제 구독 서비스 로고를 카드형 리스트로 보여줘서 친숙성과 신뢰감을 동시에 확보했어요. CTA는 하단 고정형 풀폭 버튼으로 일관되게 배치하고요.

기능 소개보다 감정적 공감과 문제 인식에 초점을 둔 설계. 구조 자체는 전형적인 프리미엄 전환형 온보딩이지만, 우주 메타포와 캐릭터 덕분에 관리 도구가 아니라 문제 해결 동반자처럼 느껴져요.

대시보드 — 숫자 나열 대신 "나의 구독 생태계"를 시각화하다

온보딩을 지나면 메인 화면. 상단에 행성을 중심으로 궤도를 도는 오브젝트가 배치되어 있고, 구독 개수와 연간 총액이 함께 표시돼요. 단순 수치 나열이 아니라 "나의 구독 생태계"를 하나의 우주처럼 시각화한 방식이에요.

리스트는 Free Trials, Active 등 상태별로 구분되어 있고, 각 항목에는 로고, 갱신일, 금액이 명확하게 위계화되어 있어요. 하단 탭 바는 반투명 글래스 스타일로 처리해서 배경과 분리되면서도 무드를 유지하고요.

일반적인 구독 관리 앱이 표 형태나 단순 리스트 중심으로 설계되는 것에 비하면, 상단의 행성 비주얼로 정서적 상징을 먼저 제시하고 그 아래에 기능적 리스트를 까는 구조가 차별점이에요. 근데 정보 탐색 자체는 전형적인 카드형 리스트 패턴이라 사용성은 익숙해요. 차별이 구조가 아니라 비주얼 레이어에서 발생하는 셈.

구독 추가 — 감성을 걷어내고 기능에 집중하는 순간

메인 화면에서 '+' 버튼을 누르면 구독 추가 플로우로 들어가는데요, 여기서부터 톤이 확 바뀌어요. 우주 메타포는 뒤로 물러나고, 기능적 명확성이 전면에 나와요.

Import from photos, Import a file, Custom subscription — 입력 방식을 상단에 명확히 제시하고, 카테고리별 서비스 리스트로 탐색 기반 선택이 가능하게 설계했어요.

세부 입력 화면은 iOS 설정 화면과 유사한 리스트 기반 레이아웃. 결제일은 캘린더 오버레이, 청구 주기는 바텀 시트. 입력 맥락에 맞는 컴포넌트를 골라 쓰고 있어요. 무료 체험 토글을 활성화하면 알림 안내 문구가 즉시 나타나서 상태 변화를 명확히 피드백하고요.

금액과 주기만 기록하는 게 아니라, 가격 이력, 결제 수단, URL, 메모까지 포함해서 구독의 맥락 정보까지 저장할 수 있게 만들었어요. 관리 범위를 확장한 거죠.

커스텀 구독을 추가할 때 로고를 지정하는 보조 화면도 있어요. Search, Icon, Emoji, Upload 탭으로 입력 방식을 구분하고, 검색 탭에서는 브랜드명이나 웹사이트 기준으로 리스트가 표시돼요. 기능적으로 단순하지만 탐색 흐름은 명료합니다.

구독 상세와 캘린더 — 정직한 정보 구조 위에 브랜드를 얹다

개별 구독을 선택하면 상세 화면이 나오는데, 상단에 로고와 서비스명, 금액이 크게 배치돼요. 그 아래에 Billing, Free Trial, Next payment, Payment Method, Category, URL이 리스트로 정리되어 있고, 메모와 가격 이력은 별도 구획으로 분리했어요. 하단에는 'Mark as Cancelled' 버튼이 크게 자리잡고 있어서 주요 액션이 명확해요.

캘린더 뷰도 괜찮아요. 월 이름과 함께 Total, Upcoming 금액이 상단에 요약되어 있고, 결제일에는 해당 서비스 로고가 작은 배지로 표시돼요. 여러 구독이 겹치는 날에는 로고가 중첩. 정보는 최소화했는데 시각적 식별은 명확한 구조예요.

Settings에서는 Orbit Plus 업그레이드 영역이 상단에 강조되어 프리미엄 전환 동선을 제시하고, 그 아래 통화, 리스트, 카테고리, 결제 수단 등 핵심 관리 항목이 배치돼요.

카테고리 관리 화면에서는 구독을 AI, Music, Streaming 같은 유형별로 분류할 수 있어요. 단순히 기본 카테고리만 제공하는 게 아니라, 사용자가 직접 구조를 재정렬하고 드래그로 순서를 바꿀 수 있게 설계된 거예요. 구독을 금액이나 날짜가 아닌 '의미 단위'로 묶을 수 있다는 점이 기능적 차별.

데이터 삭제 — DANGER ZONE이라고 써놓은 이유

데이터 관리 화면에서 인상적인 건 DANGER ZONE 구획이에요. CSV 내보내기는 일반 액션으로 배치하고, 전체 삭제는 붉은 컬러로 확 분리했어요. 삭제 버튼을 누르면 모달로 한 번 더 확인을 요구하고, 완료 시 토스트로 피드백. 위험 행동에 대한 시각적 위계와 단계적 확인이 깔끔해요.

GitHub에서 리포지토리 삭제할 때 보이는 그 빨간 영역이랑 같은 패턴인데요, "DANGER ZONE"이라고 직접 언어화해서 사용자 판단을 돕는 점이 좋아요. 구조 자체는 표준적인 파괴적 액션 패턴이지만, 위험 영역을 명확히 이름 붙인 것만으로 경험이 달라지거든요.

감성은 온보딩에서, 기능은 관리 화면에서 — 이 균형이 Orbit의 정체성

Orbit은 기능적으로 보면 새로운 유형의 앱이 아니에요. 구독 추가, 금액 설정, 캘린더 확인. 비교적 표준적인 패턴. 근데 이 앱이 흥미로운 건 기능이 아니라 태도에 있어요.

온보딩부터 대시보드까지 일관된 우주 메타포는 "구독 관리"라는 건조한 주제를 감성적 세계관 안으로 끌어들여요. 숫자를 보여주는 대신 규모를 체감하게 만들고, 데이터 화면 이전에 브랜드 경험을 먼저 설계하죠. 그러면서도 실제 관리 화면에 들어가면 구조가 매우 정직하고 표준적이에요. 리스트 기반 입력, 상태 구분, 캘린더 정렬, 데이터 내보내기까지 관리 도구로서의 뼈대를 충실히 갖추고 있거든요.

감성적으로 끌어들이고, 기능적으로 유지시키는 구조. 구독 앱이 브랜딩에 진심이면, 사용자는 비용을 관리하는 게 아니라 '하나의 체계 안에서 정리되고 있다'는 경험을 하게 돼요. 그게 Orbit이 노리는 거예요.