직접 만지고, 돌리는 토스뱅크카드 인터랙션
UI 디자인인터랙션 디자인프로토타이핑FramerSplineUX
AI 요약
Beta토스뱅크카드의 디자인 컨셉인 앞면과 뒷면의 다른 색상을 효과적으로 전달하기 위한 인터랙티브한 모바일 경험 구현 과정을 다룬다. 기존의 이미지나 영상 방식으로는 실물 카드 경험을 온전히 전달하기 어렵다는 문제점에서 시작하여, 사용자가 직접 카드를 만지고 돌려보며 능동적으로 경험에 참여하도록 설계했다.
Cinema 4D, Spline, Framer 등 다양한 디자인 툴을 활용하고 개발자와 긴밀하게 소통하며 프로토타입을 제작했으며, 특히 사용자가 카드를 회전시키고 손을 떼면 원래 자리로 돌아가는 모션과 카드 색상에 따라 하단 버튼 색상이 연동되는 기능을 구현하는 과정에 대한 비하인드 스토리를 공유한다.
이 글이 궁금하신가요?
원문 블로그에서 전체 내용을 확인해 보세요
원문 읽으러 가기



