프론트엔드
9인조 다람쥐 아이돌을 데뷔시켰습니다
두줄요약
적금 재방문을 높이기 위해 9종 다람쥐 캐릭터와 성장 중심 UI를 설계했습니다.\nAI 시안 탐색과 즉각적인 인터랙션으로 저금의 보람과 다음 방문 동기를 만들었습니다.
문제 상황
- 자동이체 기반 초기 적금에서 앱 재방문 이유 부족과 리텐션 저하
- 직접 저금해야 캐릭터와 이자가 성장하는 구조에 맞춘 캐릭터 매력과 성장 체감 필요
해결 방법
- 매력·지혜·힘 스탯 조합을 성격과 콘셉트로 전환한 9종 최종 진화형 설계
- AI 이미지 도구의 공통 프롬프트 뼈대와 가변 요소를 활용한 다수 시안 탐색
- 작은 앱 화면에서 표정·실루엣 중심으로 디테일을 선별하고 진화 전후 형태 연결
구조와 흐름
- 금액을 최상단에 크게 배치하고 레벨·스탯·남은 기간을 하나의 상태창으로 구성
- 선택지와 스탯 아이콘의 시각 언어 통일, 그림자와 정렬로 캐릭터 중심 UI 구축
- 저금 탭에 금액·스탯 변화·캐릭터 모션·발자국 진행 바를 연동한 즉각적 피드백
적용해볼 점
- 캐릭터에 맞춰 주변 UI까지 재설계하는 일관된 경험 구성
- 작은 화면에서 인상을 결정하는 요소 우선순위화
- 사용자 행동과 캐릭터 반응의 직접적 연결
