無錢不婚

무전불혼, 대한민국 왜 결혼하지 못하나.
경제적인 이유로 결혼하기 힘든 청년들의 실상을 보여주는 인터랙티브 뉴스

  • Aug. 2017
  • Interactive Web News Design
Overview

KBS는 2017년 8월 2일 인터랙티브 뉴스 '무전불혼, 대한민국은 왜 결혼하지 못하나'를 공개했다. 청년들의 결혼 현황과 실태를 분석했고 문제점을 지적했다. 기자, 개발자와 팀프로젝트로 진행했고, 나는 디자인을 맡았다. 화면설계, 와이어프레임, 인포그래픽, 차트 개발, 사운드 디자인도 함께 맡았다.

PC ver.

PC버전과 모바일버전을 다르게 제작했다. PC버전은 이미지 중심이다. 전체 스토리를 몰입해서 볼 수 있다. 반응형 웹이기때문에 작은 스크린과, 대형 화면에서 모두 동일하게 경험을 할 수 있다. 편집감을 극대화하기 위해서, 스냅핑 스크롤링 방식을 이용했다. 인터랙션 경우의 수를 줄여서 몰입감을 높이고자했다.

Mobile ver.

모바일은 텍스트가 중심이다. PC와 다르게 본문의 가독성을 최우선으로 고려했다. 모바일 사용 환경을 고려한 이유다. 스크롤할때 그래픽이 너무 도드라지지 않도록 불필요한 장식은 최소화했다.

Process

인터랙티브 웹 뉴스는 영상뉴스와 텍스트뉴스의 중간정도의 형식이다. 일반적인 영상 디자인 프로세스와 웹디자인 프로세스를 응용한 프로세스로 진행했다.

Mood Board

Storyboard & Wire Frame

Style Frame

Layout Guide

Color Guide