스포티파이 비하인드 스토리: 2022 Wrapped 모션 디자인

스포티파이가 2022 Wrapped에서 인상적이었던 모션 디자인의 비하인드 스토리를 공유했습니다. 스포티파이에서 UI의 경험을 개선하는 UX 모션 디자이너 Ade omole가 답했습니다.

©Spotify

Ade omole는 UI에 적용되는 모션이나 내부에서 사용하기 위한 비디오를 주로 만듭니다. 2022 Wrapped에서는 브랜드 & 크리에이티브의 툴킷을 이용해 모바일 앱에서 Wrapped 데이터 스토리를 모션을 만드는 것이었습니다.

©Spotify

아이디어를 모션으로 전환하기 위해 동작 원리를 정하고 기초적인 요소 표현법을 연구했습니다. 가장 까다로운 것은 역시 개발 가능 여부였다고 합니다. 처음 Lottie를 사용해 적용해 제작하는 데 시간이 더 걸렸지만 그만한 가치가 있었다고 하네요.

©Spotify

‘무슨 문제를 해결하는가? ‘ 모션은 장식적인 요소가 아니며 UI/UX를 비판하는 기준과 같다고 합니다. 스포티파이의 브랜드&크리에이티브 조직과 함께 브랜드와 스타일을 중심으로 발전시켰고 엔지니어링 조직과 솔루션을 깊게 논의한 경험이 좋았다 밝혔습니다.

더 보기 및 출처

비슷한 글

최근 글

디자인 나침반 뉴스레터

매주 화요일 아침, 16년 차 디자이너가 큐레이션한
영감을 주는 뉴스, 트렌드, 아티클을 모아보세요.

인기

lotteria-rebranding-01
롯데리아 리브랜딩: 불고기 버거에서 리아 불고기로
toss-stock-pc-01
토스 증권 PC 출시: 증권 서비스도 디자인 혁신
musinsa-desktop-quit-01
무신사 PC 버전 종료: 넘쳐 버린 개발 부채

최근

window11-design
마이크로소프트 윈도우 11 비주얼 디자인
cmf-phone
CMF Phone 1
slack-ios-widget
슬랙 iOS 위젯

디자인 나침반 아카데미

thumbnail-course-list-ux
UX 디자인 클래스: 선택 받는 서비스를 위한 UX 디자인
ui-design-main-mobile
UI 디자인 클래스: 변치 않을 인터페이스의 본질 배우기

최근 소식

dyson-ontrac-01
q10-accident-01
harrisforpresident-01
ms-cloud-error-01
lotteria-rebranding-01
toss-stock-pc-01
cfcldn-01
kakao-id-card-01
Channela-rebranding-01
baemin-increase-price-01
galaxy-ring-01
olympic-uniform-01