디자인 주도 기획과 연 10%의 이면: 토스뱅크 ‘키워봐요 31일적금’ 구조 톺아보기
토스뱅크 디자인 챕터의 자율 프로젝트에서 탄생한 '키워봐요 31일적금'은 게임 메커니즘을 결합해 휴면 사용자를 앱으로 다시 불러들였습니다. 그러나 마케팅상 내세운 최고 연 10% 금리는 초단기·소액 분할 납입 구조와 결합해 실제 이자 혜택이 수백 원 수준에 그치는 정교한 비용 통제 설계라는 한계도 함께 지닙니다.
“토스뱅크” 검색 결과검색 초기화8편
자동이체를 버리고 인터랙션을 택하다: 토스뱅크 '키워봐요 31일적금'의 캐릭터 디자인 전략
토스뱅크가 자동이체 기반의 기존 저축 모델을 탈피하고 사용자가 매일 앱을 찾아와 수동 납입하도록 개편한 '키워봐요 31일적금'의 캐릭터 디자인과 제품 설계를 공개했다. 생성형 AI를 활용한 효율적인 시안 발굴부터 작은 화면을 고려한 디테일 정제, 행동과 즉각 반응하는 UI 인터랙션 설계가 핵심이다.
화면 밖 불안을 해소한 대화형 인터페이스, 토스뱅크 전세대출 AI 상담 도입기
토스뱅크가 전세대출 과정에서 발생하는 단순 문의를 줄이고 고객의 확신을 돕기 위해 AI 상담 서비스를 구축했습니다. 빈 입력창 대신 실제 상담 데이터를 기반으로 질문 예시를 배치해 진입률을 최대 5배 끌어올렸으며, 연간 약 300시간의 상담 통화 리소스를 절감했습니다.
토스뱅크, 자산관리 리포트 UI 재설계로 CTR·CVR 3배 달성
토스뱅크가 홈 화면 내 자산관리 리포트 기능을 기존 배너 형태에서 플로팅 카드 구조로 전환하며 클릭률과 전환율을 각각 3배 개선했다고 밝혔습니다. 그래픽 위주의 시각 수정 대신 정보 층위를 분리하고 스크롤 연동 모션을 도입한 설계 실험의 결과와 실무적 한계를 짚어봅니다.
비용 경쟁 대신 상태 가시화 택한 토스뱅크 해외송금 UX 설계의 이면
토스뱅크는 해외송금 신규 진입 당시 가격 경쟁 대신 사용자 불안 해소를 목표로 설정하고, 코드 자동 식별과 지도 기반 주소 검색, 3단계 상태 추적을 도입했습니다. 그러나 실시간 처리 국가 제한과 현지 수취 수수료 정책 등 서비스 이용 시 확인해야 할 현실적 조건도 상존합니다.
의도적 불편을 설계하는 법: 토스뱅크 청소년 저금통 잠금 기능의 UX 원칙과 구조
토스뱅크가 미성년자 전용 서비스에 중도 인출을 의도적으로 지연시키는 '저금통 잠그기'를 도입했다. 발달심리학적 배경에서 착안해 1분간의 물리적 지연을 적용하고 죄책감을 걷어낸 설계 과정과 함께, 친권자의 법적 권한에 따른 시스템상 경계 및 실제 효용을 검토한다.
토스뱅크의 App Router 도입 철회: 기술 표준과 운영 현실의 간극
토스뱅크가 Next.js Pages Router의 유지보수 모드 전환에 대응해 App Router와 서버 컴포넌트(RSC) 도입을 검증했으나, 웹뷰 렌더링 지연과 점진적 마이그레이션 결함, 관측성 부재 등의 비용이 이득을 초과한다고 판단해 기존 체제를 유지하기로 결정했습니다.
토스뱅크 Stylepack 사례…코딩 에이전트의 팀 규칙을 작성 직후 되짚는다
토스뱅크가 코딩 에이전트에 팀 규칙을 필요한 순간에 전달하는 Stylepack을 소개했다. 파일 작성 직후와 작업 종료 직전에 다른 범위로 피드백하고 적용 기록으로 규칙을 개선한다. 지시 문서의 양을 늘리는 대신 전달 시점과 적용 범위를 설계한 사례다.
