D2C 멤버십 클럽, 직접 만들어 봤습니다

요즘 GPTers의 부트캠프나 피어러닝 커뮤니티 하이아웃풋클럽과 같이 D2C(Direct-to-Consumer)로 운영되는 유료 멤버십 클럽이 늘어나고 있습니다. 이들은 자기 계발 분야에 관심이 있는 이들에게 특별한 교육을 제공함과 동시에 커뮤니티에 속해 있다는 소속감을 주고, 더 나아가 멤버들이 상호보완적으로 다함께 성장하는 형태로 개인과 집단 모두 성장하고 있습니다.

이러한 BM(Business Model)으로 수익화를 꿈꾸는 개인과 집단들도 함께 많아지고 있는데요, fi-workers도 작심3일클럽이라는 멤버십 클럽 만들기에 도전해 봤습니다(작심3일클럽은 특별한 교육이나 프로그램이 없기에 멤버십 클럽이라기보단 챌린지에 가깝지만, 편의상 멤버십 클럽으로 부르겠습니다.). 이 과정을 통해 멤버십 클럽을 만들고 운영하는 과정이 결코 쉽지 않다는 걸 몸소 체험했습니다.

운동 인증 멤버십 클럽, 작심3일클럽

작심3일클럽은 fi-workers에서 만든 Show Your Time이라는 타임스탬프 앱을 사용하여 각자 정한 요일에 운동을 인증하는 형태로 진행되었습니다. 인증하지 못할 경우 정해진 페널티는 없지만, 운영진이 '작심3일클럽'이라는 이름에 걸맞게 3일에 한 번씩 지키지 못한 멤버들을 멘션하여 운동을 하게끔 유도하는 방식으로 진행되었습니다.

작심3일클럽 홍보 이미지. 이미 존재하는 서비스인 것처럼 랜딩 페이지가 연상되도록 제작했습니다.

멤버십 클럽을 만드는 프로세스

멤버십 클럽 조사

멤버십 클럽을 만들기 전, 약 25개의 D2C 멤버십 클럽의 신청 및 운영 플로우를 조사했습니다. 조사한 바에 따르면 주요 멤버십 클럽의 신청 및 운영 플로우는 다음과 같았습니다.

랜딩 페이지 진입 → 구글 폼과 같은 설문 조사 제작 제품에서 개인 정보 입력과 동시에 결제 후 제출 → 선정 멤버를 카카오톡 오픈채팅 같은 커뮤니티 제품에 초대 → 멤버십 클럽 운영 시작

랜딩 페이지

직접 랜딩 페이지를 만드는 경우도 있긴 했지만 주로 노션으로 만들고 우피로 배포되는 형태였습니다. 소수 케이스로 네이버 블로그나 카페의 글을 활용하는 경우도 있었는데, 설문 조사 제작 제품으로 정보를 제출한 후 댓글을 달게끔 유도하는 형태로 운영되었습니다. 이때 글에 달린 댓글 개수로 해당 멤버십 클럽에 얼마나 신청하고 있는지를 어림짐작할 수 있는 점이 흥미로웠습니다.

설문 조사 제작 제품

대다수가 구글 폼 링크를 랜딩 페이지에 추가하여 멤버들에게 받아야 하는 정보를 수집하고 정보 수집 중간에 결제를 유도하고 결제 여부를 체크하도록 하였습니다. Tally를 사용하는 곳도 있었습니다.

커뮤니티 제품에 초대

선착순 혹은 선별하는 방식이든 선정된 사람들에게 이메일이나 문자 등의 수단을 사용하여 선정 결과 소식과 함께 카카오톡 오픈채팅, 슬랙, 디스코드와 같은 커뮤니티 제품에 초대하는 링크를 전달하는 방식이 대다수였습니다.

조사를 바탕으로 멤버십 클럽 만들기

작심3일클럽을 만드는 과정은 다음과 같은 프로세스로 진행하였습니다.

랜딩 페이지 제작 → 랜딩 페이지 홍보 → 카카오톡 오픈채팅방 생성 → 신청 멤버에게 참여 방법 안내 및 오픈 채팅방 정보 발송

작심3일클럽은 노션이 아닌 실제 랜딩 페이지를 제작했습니다. 들어본 적이 없는 클럽이기 때문에 이메일만 수집하여 허들을 낮췄고, 비용도 받지 않았습니다. 랜딩 페이지 홍보는 소개 글을 작성하여 EO나 디스콰이엇과 같은 유통 플랫폼과 여러 커뮤니티에서 진행했고, 인스타그램 광고도 집행하였습니다.

선정된 분들께는 이메일로 커뮤니케이션을 했고, 커뮤니티 제품으로는 운동 인증이라는 가벼운 목적에 맞게 카카오 오픈채팅을 사용하였습니다. 이후 카카오 오픈채팅방에 모인 멤버들을 대상으로 운동 인증 운영 정책을 세우고 노션 테이블로 참여율을 추적하였습니다.

쉽지 않은 멤버십 클럽 만들기 & 운영하기

작게나마 작심3일클럽을 만들고 운영하며 느낀 점은 멤버십 클럽에선 해당 클럽만의 브랜딩, 교육과 프로그램이 더 중요한데 다른 영역에 더 시간을 뺏긴다는 생각이 들었습니다. 일단 시기에 따라 다른 제품을 사용해서 정신이 없었고, 테이블에 쌓인 멤버들의 정보의 운영을 위한 노션 테이블로 옮기는 작업이 필요하기도 했습니다.

만약 작심3일클럽이 유료로 운영되어 결제까지 확인해야 한다면? 한 명, 한 명 결제했는지 체크해야 하고 표시해 두어야 합니다. 시즌이나 기수가 있는 클럽이라면? 멤버들의 정보는 이 파일, 저 파일에 파편화되어 남겨질 것입니다. 운영 효율화를 위해 멤버가 직접 입장하는 카카오톡 오픈채팅이 아닌 슬랙이나 디스코드를 쓰게 된다면? 멤버들의 이메일 주소를 모두 모아 복사하여 초대해야 합니다.

BlankClub이란?

이런 생각들에 미치자 D2C 멤버십 클럽은 수요와 공급이 많아지고 있는 것 같은데, 이에 집중하여 지원하는 플랫폼은 없다는 생각에 다다랐습니다. 그래서 BlankClub이란 제품을 만들기 시작했습니다. BlankClub의 네이밍은 작심3일클럽처럼 '땡땡' 클럽이라는 의미로, 어떤 클럽이든 지원할 수 있다는 의미를 내포하고 있습니다.

D2C 멤버십 플랫폼 BlankClub

BlankClub의 첫 번째 버전은 아직은 현재 D2C 멤버십 클럽을 만드는 과정에 최적화된 기능으로 구성되어 있습니다. 하나의 클럽 만들면 그 안에 시즌이 있고, 시즌 안에는 랜딩, 폼이 기본적으로 셋팅되어 있습니다. 랜딩 페이지는 따로 제일 많이 사용하는 노션을 연결할 수 있고 노션과 연결된 폼을 만들 수 있습니다.

멤버십 클럽 안에 여러 시즌으로 구성

시즌 상세 대시보드

클럽의 시즌마다 멤버들의 정보와 응답을 모아볼 수 있고, 신청과 결제 현황을 볼 수 있습니다. 또한 멤버를 선별한 후 특정 멤버를 선택하여 한 번에 커뮤니티 제품에 초대할 수 있습니다. 한 뎁스 올라가서 클럽 최상위 레벨에서는 시즌 상관없이 모든 멤버들의 정보를 모아볼 수 있습니다.

시즌별 멤버 현황

전체 클럽 멤버 현황

BlankClub은 사전 알림 신청 중!

D2C 멤버십 클럽을 운영하여 나만의 수익을 만들고 싶은데 어디서부터 시작해야 할지 모르겠나요? 혹은 이미 D2C 멤버십 클럽을 운영 중인데 더 효율적으로 운영하고 싶으신 분들이 계시나요? BlankClub에서 사전 알림을 신청해 보세요!

INTJ와 INTJ가 2주 만에 만든 Show Your Time 앱 제작기

안녕하세요, 여러분들!

저는 프로덕트 디자이너이자 유튜브 크리에이터로도 활동 중인 나나산이라고 합니다!

해당 글은 2023년 8월 Show Your Time 앱 출시 직후

제 개인 블로그에 올렸던 글입니다 :)

서핏에 한 달 가량 노출되어 보신 분들도 계시겠지만,

디스콰이엇에서는 못 보신 분들도 분명 계실 것 같아요!

앞으로 Build in Public 글을 디스콰이엇에 올려보려고 해서,

Show Your Time의 첫 시작이었던 글을 재업로드해봅니다!

이 이후 과정과 배운 점들도 꽤 많은데요, 차차 글을 써서 올려보도록 하겠습니다! 🙌

갓생 바람이 불다

때는 바야흐로 6월. 팀 내에 갓생 살기 바람이 불었다. 매일 지킬 수 있는 목표를 세우고, 매달 초 공유한다. 목표를 매일 인증하고, 인증하지 못하면 하루당 벌금 1만 원. 적어 보이지만 모으면 많은 벌금의 효과는 엄청났다.

내 6월 목표는 하루 5천보 걷기, 스픽 영어회화, 6시~7시 30분 사이 기상, Blinkist 읽기, 그리고 주 3회 헬스, 총 5개였다. 어떻게 인증했을까? 걷기와 기상은 모니모 앱으로 인증, 스픽과 Blinkist는 각각의 앱으로, 헬스는 애플 피트니스 앱으로 인증할 수 있었다. 7월에는 책 읽기, 경제기사 읽기, 수학 문제 1개 이상 풀기, 글 한 덩어리 쓰기, 주 3회 헬스 목표를 세웠다.

순탄하던 인증에 문제 발생 ⚠️

첫 책으로 종이책을 고르며 책 읽기 인증에 문제가 발생했다. 종이책이라 날짜가 담긴 스크린샷을 찍을 수 없었다. 물론 해결책은 있다. 번거롭지만 책 사진을 찍고, 사진 앱에서 날짜 정보가 나오게 스크린샷을 찍어서 공유하기. 하지만 매일 하긴 귀찮았다. 전차책을 읽는 것도 방법이다. 하지만 집에 쌓아 놓은 종이책이 많았다. 종이책이 많은 이유는 IT 서적은 전자책으로 잘 나오지 않기 때문이다(제발 PDF라도 팔아주세요).

해결책은 타임스탬프 앱 🕓

그래서 타임스탬프 앱을 찾았다. 타임스탬프 앱이란 사진을 찍는 시점의 날짜, 요일, 시간 등의 정보를 함께 사진 위에 노출하여 저장할 수 있는 앱이다. 여기서 날짜, 요일, 시간 등의 정보를 타임스탬프라 일컫는다.

돌이켜 보면 타임스탬프 앱을 써보려고 했던 순간은 꽤 있었다. 하지만 앱을 찾을 때마다 내 마음에 드는 앱을 찾을 수 없었다. 앱 자체의 사용성도 물론이거니와 사진 위에 타임스탬프 폰트, 레이아웃들이 디자이너인 내 성에 차지 않았다. 7월 목표를 시작하며 다시 타임스탬프 앱을 찾다가 푸념을 늘어놓았다. 마음에 드는 앱이 없다고.

내 푸념을 본 개발자님이 빠르게 웹앱을 만들어 주셨다. 물론 타임스탬프의 디자인은 날것이었다. 점심으로 롯데리아를 제안하면 더 좋은 제안이 나오는 것처럼, 날것의 타임스탬프를 보자 빨리 디자인을 바꾸고 싶었다. 빠르게 시안을 만들어서 전달드렸다.

개발자님이 만든 웹앱으로 찍은 사진. 빨리 디자인하고 싶은 마음이 들게 해주었던 마법의 사진

빠르게 잡아서 드린 앱과 타임스탬프 프레임 시안

디자인이 적용된 첫 번째 버전인 웹앱을 사용하기 시작했다. 하지만 화질이 아쉬웠다. 웹앱은 사진을 실제로 찍는 게 아니라 카메라 화면의 스크린샷을 사용하기 때문이다. 화질을 좋게 만들려면 결국엔 어떤 방식이든 네이티브 앱을 만들어서 카메라로 찍어야 했다. 그렇게 앱 출시 프로젝트가 시작되었다. 앱 출시 목표는 2주 후로 정했다.

네이밍과 로고 작업

프로덕트 디자인 과정을 진행하면서 동시에 네이밍과 로고 작업을 진행했다. 이름은 영문으로 짓기로 했다. 이유는 한국뿐만 아니라 포함한 모든 국가에 배포하기로 결정했기 때문이다. 왜 전 세계에? 모든 지구인이 우리 앱을 써줬으면 하는 마음… 도 있지만 문화에 크게 영향을 받지 않는 유틸리티 앱이고, 텍스트가 많이 들어가지 않아서 다국어 지원을 하기에도 용이하다. 또 많이 쓰면 많이 쓸수록 좋지 않을까? 이런 상황에서 네이밍은 세계 공용어인 영어로 짓는 게 제일 낫다는 판단이 섰다.

Chat GPT에게도 물어보기도 하고 브레인스토밍을 하여 많은 네이밍 후보를 만든 후 고민 끝에 이름을 ‘Show Your Time’으로 결정했다. 타임스탬프, 타임 같은 키워드가 들어간 이름은 이미 시장에서 많이 선점한 상황이었다. 그래서 다른 방향으로 선택해야겠다는 판단을 했다. 또 레퍼런스를 조사하면서 How we feel이라는 앱을 알게 되었다. 이렇게 문장형 이름도 가능하구나 하는 힌트와 영감을 얻고, ‘Show Your Time’이라는 이름으로 짓게 되었다.

앱 프로덕트 디자인 과정

레퍼런스 조사

우선 레퍼런스 조사를 했다. 현재 타임스탬프 앱들의 하이어라키는 어떻게 되어 있는지, UI는 어떻게 구성되어 있는지, 어떤 기능들을 제공하는지, 사용자들의 피드백은 어떤지, 그리고 제일 중요한 비즈니스 모델도 조사한다. 이 과정은 손으로 직접 타 서비스들의 앱을 스케치도 하고, 표로 만들어서 정보를 비교하기도 한다.

레퍼런스를 조사하며 만든 자료

플로와 기능 리스트 작성

이후 앱을 어떤 순서로 사용해 나가는지 전체적인 앱의 주요 플로를 만들고, 거기에 필요한 기능들을 간단하게 작성한다. 앱을 키고, 촬영을 하고, 사진을 저장한다는 플로를 정리하고, 각 인터랙션에 필요한 기능들을 적어나간다.

만약 촬영과 관련된 기능이라면 전면 카메라, 후면 카메라, 플래시, 보정하기 등 카메라와 필요한 기능들을 최대한 적어 나간다. 현재 스콥에 포함되기 어려울 것 같아도 전체적으로 다 적어야 큰 그림을 볼 수 있다. 이후 다양한 방향에서 우선순위를 따져서 2주 만에 만들 수 있는 스콥을 정한다.

나열한 주요 플로우와 기능들

1차 버전에 나갈 스콥

와이어프레임

뼈대를 잡는 와이어프레임 작업 시작. 우선 제일 중요한 메인 인터랙션인 촬영 시, 모든 기능을 넣었을 때 화면을 만들어 본다. 나중에 바뀌더라도 어떤 형태로 갈지를 추측해 보기 위해 작업한다. 그리고 1차 버전에 쓸 와이어프레임을 잡는다. (가운데 세 개의 이미지) 제일 우측 이미지는 앱 다운로드 버튼을 포함한 랜딩 페이지이다.

단출한 와이어프레임

UI 작업

와이어프레임을 바탕으로 UI 작업을 시작했다. 라이트 테마가 아닌 다크 테마로 가기로 결정했다. 사진에 더 집중할 수 있게 해주지 않을까 싶었다. 타임스탬프 앱을 조사했을 때 다크 테마인 앱들이 적기도 했다. 다른 앱들과의 차별화를 줄 수 있는 포인트가 될 것 같았다.

UI 시안

프레임 (a.k.a. 타임스탬프)

타 서비스에서는 타임스탬프로 불리는 프레임 작업도 했다. 첫 번째 버전에는 총 8개의 프레임을 지원한다. 뭉게구름같이 귀여운 느낌의 폰트부터 깔끔한 디자인의 폰트까지 다양한 폰트로 타임스탬프를 표현하고, 정렬과 레이아웃 배치도 다양하게 구성했다.

앱을 사용해 실제로 찍은 결과물

그 외

랜딩 페이지 디자인, 국문과 영문으로 된 핵심 카피라잇, 앱 소개 글, 서브 텍스트 작성, 앱스토어 스크린샷 등 앱 출시에 필요한 작업을 진행했다. 물론 QA도 함께 진행했다. 다행히 스콥 범위가 적어서 QA할 게 엄청 많진 않았다. 거기에 더불어 마케팅을 위해 소셜 네트워크 계정들을 생성하고, 콘텐츠를 올리고, 유튜브와 인스타그램 릴스에 올릴 제작기 영상도 만드는 등의 작업을 진행했다.

지표도 설정했다. 우선은 초기 제품이기 때문에 앱 다운로드 수를 측정하기로 했다. 소소하게 8월 안에 1,000 다운로드 수를 기록해 보자! 하지만 진행하다 보니 앱 다운로드 수는 계속 올라가기만 하는 지표이기 때문에 큰 의미가 없고, 특히 앱스토어 커넥트에서는 중복 다운로드 수도 포함되어 더 유니크한 다운로드 수는 알기 어려워서 더 의미가 없게 느껴졌다. 그래서 비교할 수 있는 다른 지표도 함께 추적하기로 했다. 바로 앱 삭제 수. 앱 삭제 수는 마케팅 툴을 붙여야 알 수 있기 때문에 당장은 추적할 수 없지만 곧 나올 다음 버전에 추가하려고 한다.

INTJ와 INTJ의 프로젝트

2주 후에 앱을 출시하자고 제안한 것은 독기 독기 산독기 가득한 INTJ였다. 제안을 챌런지로 받아들인 INTJ는 다급하게 프로덕트 디자인을 비롯한 다양한 작업을 시작해 나갔다(누가 독기 가득한 INTJ일지는 당신의 판단에…). 할 말만 하는 건조하지만 생산적인 논의 속에 INTJ들은 앱을 만들어 나가기 시작했다.

생각보다 간단하지 않았다

1.0이기 때문에 간단하게 만들자고 했지만 해야 할 일이 많았다. 앱을 처음 출시하는 과정은 준비할 게 많기 때문에. 하지만 일정이 정해졌기 때문에 지켜야 한다는 압박이 커졌다. 내 주말은 사이드 프로젝트로 가득 차게 되었다. 그리고 마침내 배포하기로 예정한 날짜보다 하루 빠르게 출시할 수 있었다.

Show Your Time 앱 다운로드하러 가기

노력한 시간을 감각있게 공유하는 타임스탬프 앱📱

Show Your Time에서 작심3일클럽을 시작합니다!

3+3은 귀요미가 아니고(...)
3+3+3... 하다 보면 어느새 1년! 작은 습관을 만들어서 큰 변화를 만들 수 있어요 🙌

작심3일클럽의 첫 번째 시즌은 '운동 인증'입니다.
Show Your Time으로 운동 사진 찍고, 인증해서 계속 3일씩 해나가봐요 🏃‍♀️🏃‍♀️🏃‍♀️

✅ 멤버 모집: 2023.12.19(화)~12.26(화)
(선착순으로 모집해서 일찍 마감될 수 있어요!)

프로필에 있는 링크 🔗

showyourti.me/three-days-club
에서 지금 작심3일클럽을 신청해보세요!

프로그램 시작 안내 사항은
신청해 주신 분들에 한해서 안내 드릴게요!

지금 바로 GO GO! 🏃‍♀️🏃‍♀️