NAVER Sports 2018 World Cup Russia Interactions

네이버 스포츠에서 2018 러시아 월드컵 특집 페이지를 오픈했습니다. 러시아 특유의 화려하고 곡선적인 패턴과 색상을 다양한 콘텐츠에 접목하여 특집 페이지를 구성했습니다. 인터랙티브 스튜디오는 월드컵 개막 전에 진행된 승부예측 이벤트 페이지와 메인 슬라이드 애니메이션 제작에 참여했습니다.

1. 월드컵 오픈 전! 승부예측 이벤트

월드컵 개막 전 2주일간 승부예측 이벤트를 진행했습니다. 예선부터 결승까지 팀을 선택하면 페이지가 전환되는 애니메이션을 적용하여 순차적으로 게임이 진행되는 느낌을 표현했습니다. 웹 영역의 기술적 한계에도 불구하고, 웹 개발 부서와 마크업 부서의 적극적인 지원 덕분에 제안된 프로토타입이 그대로 개발에 적용될 수 있었습니다. 진행된 승부 예측은 조별 예선부터 16강, 8강, 4강, 3위전 및 우승까지 한 단계씩 결과가 공개되었습니다.

2. 메인 슬라이드 애니메이션

자연스러운 애니메이션 효과를 적용하기 위해, 로고 애니메이션과 사진이 바뀌는 갤러리 형태 등 다양한 시도를 했습니다. 여러 안을 검토한 후, 사진이 순차적으로 바뀌는 슬라이드 형태의 애니메이션으로 결정하여, CSS를 사용해 자연스럽고 부드러운 애니메이션을 구현했습니다.