후원적금 서비스
3D GUI Interaction

케이뱅크 금융 서비스 안에 ‘후원 경험’을 연결한 자동 기부 적금 UX 컨셉 프로젝트

복잡한 후원 과정을 사용자가 익숙한 금융 습관인 ‘적금’ 안에 연결하여 매달 발생하는 이자가 자동으로 기부되도록 설계했습니다. 별도의 추가 행동 없이 자연스럽게 후원에 참여할 수 있는 금융 경험을 제안하였습니다.

type

개인프로젝트

timeline

2025.11 ~ 2026.03

tools

C4D, AE, AI

Contribution

UX설계 80%/ GUI 100%

Concept Research

Problem

후원 참여 과정의 복잡함

가입·결제·후원처 탐색 과정이 분리되어 있어 사용 흐름이 길고 진입 장벽이 높음

지속적인 참여 어려움

일회성 후원 이후 관리와 재참여 과정이 번거로워 지속적인 이용으로 이어지기 어려움

좋은 의도보다 먼저 느껴지는 번거로움

사용자는 후원의 가치보다 추가 행동과 관리 피로를 먼저 체감하게 됨

Solution

금융 습관 기반 자동 후원 경험

사용자가 이미 익숙한 ‘적금’ 행동 안에 후원 경험을 자연스럽게 연결

자동 이자 기부 시스템

매달 발생하는 적금 이자가 자동으로 기부되도록 설계하여 참여 부담 최소화

누적 경험 중심 금융 UX 제공

이자와 기부 상태를 시각적으로 누적해 사용자가 작은 변화와 성취를 체감할 수 있도록 구성

Design Concept

후원적금을 시각화 하기 위해 종이별 접기 경험을 메타포로 가져왔습니다. 매달 발생하는 이자를 하나의 ‘종이별’로 시각화하고 별이 누적되어 만기 시 하나의 후원으로 전달되는 구조를 통해 사용자가 기부 과정을 직관적으로 체감할 수 있도록 설계했습니다.

종이별 접기 경험의 메타포

소원을 담아 별을 접던 경험을 모티프로 후원이라는 행동을 부담이 아닌 따뜻한 참여 경험으로 연결

보이지 않는 이자를 종이별로 표현

작은 이자를 하나의 종이별로 표현하여 금액의 누적을 사용자가 쉽게 이해할 수 있는 시각 요소로 전환

유리병에 담기는 화면 구성

종이별이 유리병 안에 차곡차곡 쌓이는 구조를
통해 추상적인 후원 누적 과정을 직관적으로 표현

Service Flow

이 서비스는 적금 가입부터 만기 기부까지 이어지는 전체 여정을 3D로 시각화했습니다.

서비스 설명 화면과 서비스 선택 화면은 3D GUI 디자인을 담당했고,
서비스 조회 화면은 3D 인터랙션 설계로 월별 누적 현황을 직관적으로 보여주도록 구성했습니다.

클로드 디자인을 활용하여 MD 추출

기존 케이뱅크 UI 화면과 브랜드 가이드를 기반으로 Claude Design을 활용해 화면 구조와 MD파일을 추출했습니다.
추출된 MD 파일을 기반으로 이후 3D GUI 적용 과정에서도 동일한 스타일과 화면 흐름이 유지되도록 설계했습니다.

UI 화면

케이뱅크 BI

AI 활용 워크플로우

Claude Design을 활용해 추출한 MD 파일 기반으로 UI를 추출하고 서비스 설명, 상품 선택, 상품 조회 화면을 단계별로 제작하였습니다.
화면 목적에 따라 3D GUI 제작 방식과 생성형 AI를 함께 활용했습니다.

서비스 설명 화면

기존 3D GUI 제작 방식으로 핵심 오브젝트와
화면 흐름을 직접 제작

서비스 선택 화면

3D 별 그래픽을 기반으로 AI를 활용해
다양한 텍스처와 스타일의 3D 아이콘을 추가 생성

서비스 조회 화면

AI로 텍스처를 생성해 C4D 노드에
적용하고 비주얼 완성도를 업그레이드

서비스 설명 화면 디자인

후원적금의 핵심 가치는 매달 발생하는 작은 이자가 누적되어 기부로 완성되는 경험입니다. 이를 직관적으로 전달하기 위해 이자 발생 과정을
‘종이별 수집’ 메타포로 시각화했으며 최종적으로는 모인 별이 ‘종이학’으로 완성되는 연출을 통해 서비스 플로우를 설명했습니다.

작은 이자 하나가

종이별이 되어

모이면

소원이 이루워진다!

서비스 선택 화면 디자인

AI를 활용해 서비스 선택 화면을 생성하고 기존 3D 별 그래픽을 기반으로 생성형 AI를 적용해 텍스처 디테일과 스타일을 확장했습니다.
특히 실제 3D 작업으로 제작하면 시간이 오래 걸리고 리소스가 무거워지는 털, 유리 질감, 패턴 텍스처 등을 AI로 생성해 제작 효율을 높였습니다.

AI 기반 UI 생성