Character Animation
Brand Identity
MO/PC
신한프렌즈 Character Motion
기획·디자인·개발 3부서의 협업으로 완성하여 웹 어워드 수상까지
client
신한은행
timeline
2024.10 ~ 2025.01
tools
C4D, AE, Lottie/Json
Contribution
60%
❶ Figma 기반의 UI/UX 구조 파악 및 선제적 소통
실서비스 구현 시 발생하는 모션 에셋의 시각적 오차를 최소화하고자, 팀 내에서 유일하게 Figma를 활용해 타 부서와의 커뮤니케이션을 전담했습니다. 디자인 스펙을 직접 확인하고 웹 가이드에 맞춘 리소스를 추출하는 등, 부서 간의 브릿지 역할을 수행하며 개발 단계의 오류를 획기적으로 방어했습니다.
❷ 기획 의도를 반영한 서비스 맞춤형 인터랙션 설계
단순히 픽셀 안에서 움직이는 모션 제작을 넘어, 기획팀의 전체 페이지 맥락과 UX 의도를 파악했습니다. 우측에 텍스트가 배치되는 화면 구조를 고려해 캐릭터가 좌측에서 자연스럽게 등장하도록 마스크값을 적용하여 웹 환경에 완벽하게 녹아드는 인터랙션을 제안하고 구현했습니다.
❸ 개발 환경의 시각적 정합성을 고려한 모션 구현 및 QA
무거운 3D 영상 소스로 인한 로딩 지연 현상을 선제적으로 파악하고, 개발팀과 긴밀히 협의하여 가벼운 구동이 필요한 구간은 벡터 기반의 Lottie, 트래픽이 집중되는 이벤트 구간은 APNG로 모션 포맷을 이원화해 웹 성능을 대폭 개선했습니다. 또한, 웹 브라우저 렌더링 시 발생하는 색감 이질감을 역산하여 AE 렌더 세팅을 조정하는 등 주도적인 교차 QA를 진행하여 기획과 디자인이 의도한 톤앤매너를 실제 구현 화면에 일치시켰습니다.
01
Main Character Motion
신한은행 프렌즈 웹사이트의 캐릭터 소개 페이지에 사용될 3D 모션 그래픽을 제작했습니다.
플리, 레이, 루루라라, 도레미 캐릭터를 담당했으며 각 캐릭터의 성격과 상징에 맞는 오브젝트와 애니메이션을 디자인했습니다.
캐릭터의 비주얼 무드에 맞춰 형태, 질감, 조명 방향까지 통일된 가이드를 수립하여 소파, 가전, 소품 등 총 30여 종의 3D 에셋을 제작했습니다.
Main Brand Film
캐릭터의 서사와 분위기에 맞춰 우주, 마을 등 다양한 배경 장면을 구성하고,
각 씬의 흐름에 따라 오브젝트와 카메라 무브를 설계해 몰입감 있는 브랜드 영상을 구현했습니다.
02
E-Card Theme Design
신한은행 프렌즈 캐릭터를 활용하여, 크리스마스와 새해맞이 등 시즌에 맞는 인터랙티브 E-Card를 제작했습니다.
각 테마의 분위기를 살리는 3D 배경과 소품을 디자인하고, 캐릭터 모션을 더해 사용자가 특별한 메시지를 전할 수 있도록 구성했습니다.
03
Event Page Key Visual
사용자의 시선을 사로잡고 이벤트 참여를 직관적으로 유도하기 위해 '캡슐 뽑기 기계'를 메인 3D 오브젝트로 기획 및 제작했습니다.
단순히 심미적인 그래픽을 넘어서, 사용자의 액션에 따라 유기적으로 반응할 수 있도록 실제 프로덕트 환경을 고려하여 에셋을 최적화했습니다.
Interaction Guide
단순히 당첨 결과를 텍스트로 띄워주는 1차원적인 방식을 탈피하고, '뽑기'라는 행위 자체에서 오는 기대감과 즐거움을
사용자에게 전달하는 데 집중했습니다. 버튼 탭부터 결과 확인까지의 과정을 치밀하게 설계하여 이벤트의 몰입도를 높였습니다.
