Cl-flow-02

 

클로저스팀 팀장님께서는 애니메이션 제작 다이어리를 반영하고자 하는 분명한 의지가 있으셨고,
실장님께서는 일본 아니메 사이트와 같이 그래픽이 풍성하여 극장에서 애니메이션을 보는 듯한 느낌,
하나의 큰 그림과 같은 느낌을 요구하셨습니다.
아니메 사이트 리서치를 하며, 클로저스 사이트에 담고자 했던 부분은
인터랙션을 강조하여 디지털화 된 현란한 액션이 가미 된 느낌보다는 작가가 그려낸 세상, 원화의 느낌을 충분히 살려,
유저들이 작품에 몰두 할 수 있게 하고 싶었습니다.
그것이 제가 해석한 일본 아니메 사이트만의 무심한 듯한 표현법이었습니다.
어느 해상도에서도 걸리적거리는 문제 없이 직관적으로 보여지도록,
그리고, 전체 GNB부터 큰 그리드는 가로 그리드로서 시각적으로 안정되게 보여지도록,
그리고, 시원한 포스터 비주얼을 위해 방해되지 않도록,
그래서, 기본적인 제작일지 타임라인의 형태는 우측보다는 상단에 위치하게 레이아웃 했습니다.
아래는 제작일지를 클릭하면 보여지는 페이지이며,
레이어 팝업으로 시원하게 보여지고,
간단한 액션과 직관적인 노출로 복잡하지 않게 구성하였습니다.

 

Cl-flow-01

 
 
 
 

클로저스 브랜드 사이트의 특징은 과감하게 원화를 사용한 점입니다.
전달받은 원화의 몰입도를 위해 포스터내 캐릭터들의 원근감을 극대화 시켰고,
메뉴 이동시 보여지는 공간의 텀은 깊이를 살리고, 사선 커팅은 액티브함을,
그리고, 중간중간 마블영화의 시작을 보듯, 톤 이펙트 작업이 된 캐릭터컷들은 클로저스 원화에서는 볼 수 없었던 자극을 주고자 한 것입니다.
또 하나의 특징은 한 편의 영상물을 보듯, 흘러가는 플로우입니다.
보통은 사이트의 푸터 영역은 카피라잇이나 기업의 주소, 연락처 등으로 구성이 되는데,
시작은 포스터로 화려하게 기대를 주고, 카피라잇에서 다시 한번 긴장감을 증폭시킬 수 있게
애니메이션 런칭 날짜를 노출시켰습니다.

 

Cl-flow-03