토스뱅크, AI 활용 '키워봐요 적금' 다람쥐 캐릭터 9종 및 UI 디자인 공개

토스뱅크의 키워봐요 적금은 사용자가 매일 저금해야 캐릭터가 성장하는 구조로 변경되었으며, 이를 위해 AI 이미지 생성 도구를 활용해 최종 진화형 다람쥐 캐릭터 9종을 제작했습니다. 초기 101개의 연습생 시안 중 매력, 지혜, 힘 스탯에 따른 개성이 뚜렷한 9마리를 데뷔조로 확정했습니다.

AI 기반 캐릭터 제작과 디테일 보정

디자이너는 노드 기반 AI 툴을 사용해 공통 프롬프트 뼈대와 캐릭터별 변수를 설정하여 효율을 높였습니다. 초기에는 100장 중 1장을 뽑던 방식에서 점차 2~3장으로 줄였으나, AI 결과물은 앱 내 작은 화면 크기에 맞춰 표정과 실루엣 등 핵심 디테일을 수동으로 보정하는 과정이 필수적이었습니다.

캐릭터 중심의 UI 디자인 시스템

기존 UI에 캐릭터를 얹는 방식을 탈피해, 캐릭터가 주인공이 되는 전용 디자인 시스템을 구축했습니다. 모인 금액을 화면 최상단에 크게 배치하고, 레벨과 스탯을 하나의 상태창으로 통합했으며, 선택지 아이콘과 상태창 스탯 아이콘을 매칭해 직관성을 높였습니다.

매일 방문을 유도하는 인터랙션 설계

저금 시 금액과 스탯이 즉시 상승하고 캐릭터가 반응하는 모션을 적용해 즉각적인 보람을 제공합니다. 또한 진행 바에 발자국 아이콘을 넣어 다음 진화까지 남은 날짜를 시각화함으로써, 사용자가 매일 앱을 다시 방문할 동기를 부여했습니다.