NAVER Sports PyeongChang 2018 Winter Olympics Interactions

우리나라의 아름다운 겨울 풍경, 한글의 조형성, 한복의 느낌과 생동감을 표현한 2018 평창 동계올림픽 특집 페이지를 소개합니다.

이런 컨셉을 잡기 위해 메인설계 스튜디오는 평창 동계올림픽이 시작되기 반년 전부터 아이디어를 구상하기 시작했습니다. 또한, 실시간 경기 정보를 효과적으로 전달하기 위한 기획도 진행했습니다. 인터랙티브 스튜디오 또한 이러한 의도가 잘 드러나도록 인터랙션과 애니메이션을 설계했습니다.

컬링, 평창과 강릉 어디서 열리고 있을까?

우리나라에서 열리는 올림픽인 만큼, 평창과 강릉의 경기장을 시각적으로 잘 전달하여 어떤 경기장에서 어떤 경기가 열리는지를 명확하게 보여주고자 했습니다. 이를 위해 현재 라이브 중인 경기장에 포커스 애니메이션을 적용했습니다. 원형 파장이 커지며 깜빡이는 애니메이션 효과를 사용해, 현재 라이브 경기가 진행 중인 경기장을 쉽게 알아볼 수 있도록 표현했습니다. 또한, 스크롤과 탭을 통해 다른 경기장으로의 간편한 이동을 가능하게 했고, 경기장이 바뀔 때마다 지도도 자연스럽게 움직이도록 직관적인 애니메이션 효과를 적용했습니다.

웹 영역에서 구현하기 어려운 부분이 많았으나, 개발 부서의 적극적인 협력으로 프로토타입 그대로 애니메이션을 구현할 수 있었습니다.