3D GUI

3D Interaction

MO

삼성카드 MONIMO 3D Graphics

단순한 에셋 제작을 넘어, 유지보수와 퍼포먼스까지 고려한 인터랙션 시스템 설계

client

삼성카드

timeline

2024.12 ~2025.06

tools

C4D, AE, Lottie/Json

Contribution

90%

❶ 3D 파트 리더로서 선제적 병목 해결

다수 외주사가 얽힌 구조로 인해 2D 가이드 확정이 지연되어 3D 파트 진행이 밀리게 되는 일정 병목 현상이 있었습니다. 수동적으로 대기하는 대신 3D 구조를 고려한 러프 시안을 먼저 2D 파트에 역제안하여 '대기' 중심의 수직적 프로세스를 '동시다발적 피드백' 구조로 개선했습니다.

❷ 30-40대 타겟 중심의 비주얼 가이드 수립

모니모의 주요 타겟인 30~40대 사용자의 성향을 분석하여 지나치게 가볍거나 유아틱한 그래픽을 배제했습니다. 신뢰감과 세련됨을 주는 투명한 유리 질감의 글래스모피즘 스타일을 적용하고 레이어 복잡도를 낮추어 모바일 환경에 최적화된 고급스러운 비주얼을 확립했습니다.

❸ 유지보수에 최적화된 모듈형 3D 파이프라인

리뉴얼 직전까지 잦은 수정 요청과 향후 운영 리소스를 최소화하기 위해 3D 제작 세팅을 전면 모듈화했습니다. 2D 일러스트 소스만 교체하면 설정된 라이팅과 모션 데이터가 즉각 동기화되도록 시스템을 설계하여 재작업에 소모되는 시간을 대폭 단축했습니다.

❹ 퍼포먼스와 일관성을 고려한 UX 최적화

시각적 퀄리티가 금융 앱의 로딩 속도를 저하시키지 않도록 Lottie/JSON 데이터 최적화 과정을 거쳐 개발팀에 전달했습니다. 앞서 확립한 가이드와 시스템을 통해 작업자의 주관에 흔들리지 않고 앱 전반에 통일감 있는 긍정적인 브랜드 경험을 안착시켰습니다.

01

3D Icon Concept

기존 금융 앱 아이콘은 대부분 단색 플랫 또는 라인 스타일로 통일되어 있어, 시각적으로 위계를 갖기 어렵고 브랜드 간 차별성도 낮습니다.
딱딱한 플랫 아이콘은 신뢰감을 주지만 거리감이 생기고 과도한 장식은 정보 전달을 방해합니다.
이 간극을 메우기 위해 유리 질감의 글래스모피즘 컨셉으로 통일성 있는 아이콘 시스템을 구축했습니다.

2D 형태 직접 재설계

패스 겹침과 굴절 오류를 사전에 잡기 위해
3D를 고려한 실루엣으로 직접 재정의

글래스모피즘 컨셉

30-40대 타겟에 맞는 세련되고
신뢰감 있는 유리 질감으로 톤 설정

2D → 3D 일관된 시스템

C4D 내에서 아이콘 파일을 직접 불러와
프로그램 내 가이드를 수정이 용이한 구조로 작업

3D 작업자로서 렌더 결과물을 예측할 수 있었기 때문에, 2D 시안을 그대로 받아 진행하는 대신 3D에서 올바르게 표현될 수 있도록 형태를 직접 재정의했습니다. 패스 구조를 단순화하고 굴절·반사 시 실루엣이 명확하게 읽히는 형태로 조정한 뒤 모델링을 진행했습니다.

3D Main Icon Motion

각 기능에 맞는 형태와 컬러를 전략적으로 사용하여 총 43종 제작했으며, 사용자의 직관적인 이해를 돕고 긍정적인 감성을 유도했습니다.

3D Main Icon UI 적용 화면

통일된 모션 스타일을 유지하면서도 각 아이콘의 기능 성격을 드러낼 수 있도록 미세한 포인트로 모션을 차별화해 설계했습니다.
또한 모바일 앱 적용을 고려해 Lottie/JSON 파일로 최적화하여 추출했습니다.

02

3D Graphics Asset

기존의 각각 다른 플랫폼에서 다운 받아 적용한 아이콘의 스타일을 통일감 있는 3D 그래픽으로 재정의했습니다. 직접 모델링하여 제작한 아이콘들은 디테일과 라이팅을 일관되게 적용하여 사용자가 페이지의 내용을 더 직관적으로 인지할 수 있도록 시각적 통일성을 확보했습니다.

제휴 서비스마다 제각각이었던 비주얼을 통일하여 앱 어디에서든 일관된 브랜드 경험을 제공하고자 했습니다.

03

3D Graphics Asset Motion

삼성카드 앱 내 서비스 배너에 사용될 3D 그래픽 및 인터랙션 모션 소스를 제작했습니다.
총 10여종 제작하여 최종 결과물은 Lottie/JSON 파일로 최적화하여 개발팀에 전달했습니다.

알림

새로운 이벤트가 있어요

걷기

매일 건장하게 걸어보세요

첫 송금 미션

딱 한번만 참여할 수 있어요

마이삼성

통장을 확인해보세요

Create a free website with Framer, the website builder loved by startups, designers and agencies.