1. 개발 목적
- 아날로그 플래너의 디지털 트랜스포메이션: MZ세대에게 사랑받는 ‘모트모트’ 종이 플래너의 감성을 모바일로 완벽하게 이식하여, 언제 어디서든 학습 계획을 세우고 성취를 기록할 수 있는 디지털 스터디 플랫폼을 구축하고자 했습니다.
- 함께 공부하는 소셜 동기 부여: 혼자 공부하는 외로움을 해소하기 위해, 친구들과 실시간으로 공부 상태를 공유하고 서로 응원하며 경쟁할 수 있는 ‘팀메이트’ 및 라이브 현황판 기능을 도입하고자 했습니다.
- 게이미피케이션 요소를 통한 습관 형성: 공부 시간을 ‘스타(Star)’라는 재화로 치환하여 보상하고, 이를 이용해 앱 내 캐릭터나 테마를 꾸미는 재미 요소를 더해 자연스럽게 책상 앞에 앉게 만드는 것이 목표였습니다.
2. 기술 스택 및 선정 포인트
Front-end : TypeScript / React Native Back-end : Firebase(Serverless) Server : Firebase DB : Firebase
타이머의 초 단위 실시간 동기화와 사용자 간 실시간 랭킹 시스템 구축을 위해 Firebase 인프라 활용.
3. 필요 기능
공부 타이머, 챌린지 인증, 실시간 집중 랭킹
4. 루멘트만의 성공 전략
- 백그라운드 타이머 및 데이터 동기화 로직: 앱을 이탈하거나 화면이 꺼진 상태에서도 공부 시간이 정확히 측정되도록 백그라운드 서비스를 최적화하고, 측정된 데이터가 서버와 실시간으로 오차 없이 동기화되는 안정적인 타이머 엔진을 개발했습니다.
- 실시간 공부 현황 소켓 통신 아키텍처: 수만 명의 사용자가 동시에 접속해 공부 중인지 휴식 중인지를 표시하는 ‘라이브 현황판’을 구현하기 위해, Socket.io 기반의 저지연 양방향 통신 서버를 구축하여 딜레이 없는 소셜 경험을 제공했습니다.
- 커스텀 캘린더 및 드래그 앤 드롭 UI 엔진: 10분 단위로 시간을 쪼개 계획을 세우는 ‘텐미닛 플래너’의 독특한 UX를 모바일에서 직관적으로 구현하기 위해, 터치 드래그로 손쉽게 일정을 관리하고 색상을 칠할 수 있는 고성능 커스텀 뷰를 설계했습니다.
5. 작업결과
- 문구 브랜드의 성공적인 디지털 확장: 종이 플래너 시장 점유율 1위 브랜드의 파워를 모바일로 성공적으로 확장하여, 출시 직후 교육 카테고리 인기 순위를 석권하고 강력한 1020 유저 팬덤을 확보했습니다.
- 높은 유저 리텐션과 자발적 바이럴: 친구와 함께 기록하고 꾸미는 문화 덕분에 앱 체류 시간과 재방문율이 매우 높게 나타났으며, 인스타그램 등 SNS에 공부 기록(공스타)을 공유하는 트렌드를 주도했습니다.
- 데이터 기반 학습 습관 솔루션으로 진화: 단순 기록 도구를 넘어 누적된 학습 데이터를 분석하여 사용자에게 성취감을 주는 리포트를 제공하며, 자기 주도 학습을 돕는 필수 에듀테크 서비스로 자리 잡았습니다.
* 실제 앱 화면은 하단의 이미지를 확인해주세요.
