NAVER News '2018 Local Election' Interactions

2018 지방선거 특집 페이지는 1차, 2차 오픈에 이어 6월 13일, 3차 투·개표 페이지를 선보였습니다. 전국 및 각 시·군·구의 투표율을 실시간으로 확인할 수 있으며, 출구조사 결과를 시작으로 모바일과 PC를 통해 다양한 선거 결과를 제공합니다.

인터랙티브 스튜디오는 3차 특집 페이지의 인터랙션 애니메이션 제작에 참여했으며, 자연스럽고 시선을 방해하지 않는 애니메이션 설계에 집중했습니다.

1. 로딩 애니메이션

각 업데이트 페이지에 로딩 애니메이션을 적용하여 개표 정보를 기다리는 동안 생동감과 긴장감을 느낄 수 있도록 설계했습니다.

2. 투표율 그래프

지도로 보는 전국 투표율에 스케일 애니메이션을 적용하여 투표율을 시각적으로 강조했습니다.

3. PC 버전

PC 버전 홈에서는 자동 롤링 기능을 통해 시도지사, 구시군의장, 교육감, 국회의원의 결과를 빠르게 확인할 수 있습니다. 지도에서는 전국부터 세부 지역까지 선택하여 관련 정보를 얻고, 정당 정보와 후보자 개표 현황은 우측에서 자세히 확인할 수 있습니다.

시간대별 투표율은 꺾은선 그래프로, 지난 6회 지선과 19대 대선 투표율을 비교할 수 있으며, 지역별 투표율은 막대 그래프로 최대/최저 투표율 지역을 알기 쉽게 제공합니다. 하단에는 제7회 시도지사 당선 결과를 지도와 후보자 사진을 매칭하여 쉽게 볼 수 있도록 했습니다.

지역을 선택한 후 시도지사와 구시군의장 탭을 이동하여 한 지역의 투표 현황을 빠르게 확인할 수 있습니다. 지도뿐만 아니라 상단에 지역 설정을 추가하여 어디서든 다른 지역으로 쉽게 이동할 수 있습니다.