Wide East

TVCF 제작 전문기업

넓은벌동쪽

국내에서 손꼽히는 TVCF와 극장용 영화 전문 포스트 프로덕션 (주)넓은벌동쪽의 웹사이트 리뉴얼 프로젝트 담당.
웹사이트 컨셉 기획부터 디자인과 웹사이트 구축 및 퍼블리싱 전반에 이르는 업무를 수행하였습니다.

최신 글로벌 트렌드의 디자인과 동영상 미리보기 이펙트 등 풍부한 애니메이션과 인터랙션을 적용하여, 세계 수준의 퀄리티로 반응형 웹사이트를 제작해드리려 노력했습니다.

(주)넓은벌동쪽의 웹사이트는 2016년부터 담당하여 왔으며, 두번째 리뉴얼 프로젝트 입니다.

TVCF와 극장용 영화 전문 포스트 프로덕션의 웹사이트인 만큼, 포트폴리오 동영상 갤러리 중심으로 기획/구현 하였으며 UI와 프론트 엔드 디자인을 커스터마이징 하여 차별화 된 온드(Owned Media)미디어 웹사이트 구현을 목표로 제작 진행하였습니다.

– Full Screen Rolling Banner & Scrolling Animations –

메인 페이지의 상단에는 패럴렉스 (Parallax) 효과가 가미된 풀 스크린 롤링(Full Screen Rolling) 배너를 적용하였으며, 모든 페이지의 요소들에 스크롤링 애니메이션(Scrolling Animation)을 가미하여 웹디자인 트렌드를 반영했습니다.

– Design Concept Planning –

TVCF와 극장용 영화 전문 포스트 프로덕션을 주력으로하는 넓은벌동쪽의 기업 특성과 리뉴얼 된 C.I 로고의 아이덴티티를 고려하여 웹사이트에서 사용될 폰트들을 규정하였으며, 컬러 컨셉은 기업 로고의 그레이 톤 컬러들을 중심으로 트렌디한 블루를 포인트 컬러로 추가하고 서브 컬러들을 규정하였습니다. 전반적으로 세련된 그레이 톤을 중심으로 화이트와 블랙 컬러를 번갈아 배경에 사용하여 고급스러운 톤앤매너를 기획하였습니다.

웹사이트 전반에 사용 될 아이콘 세트는 젊고 유니크한 느낌의 미니멀 스타일 아이콘으로 KIKO 아이콘 세트를 활용하여 적용하였습니다.

– Header & Footer UI Design –

넓은벌동쪽의 리뉴얼 웹사이트에는 상단 메뉴 외에 추가적으로 햄버거 메뉴(Off Canvas Menu)를 적용하였으며, 하단 푸터(Footer)는 미니멀한 디자인으로 구성하여 전체적으로 창의적이고 트랜디한 느낌의 웹사이트를 구현하고자 했습니다.

– Portfolio Main, Portfolio Gallery –

넓은벌동쪽 웹사이트 리뉴얼 프로젝트에서 가장 중점을 두었던 부분은 TVCF 동영상 포트폴리오 갤러리의 스타일 구현이었습니다.
보편적인 동영상 갤러리의 정형화된 스타일에서 탈피, 과감한 변화가 느껴지는 레이아웃과 마우스 오버에 의한 영상 미리보기 이펙트를 구현하여 적용함으로써 진보적인 미디어 콘텐츠 크리에이티브 기업의 웹사이트를 표현하고자 하였습니다.

– Portfolio Single Post –

넓은벌동쪽 리뉴얼 웹사이트는 동영상 포트폴리오의 싱글 포스트(Single Post) 페이지 역시 레이아웃 디자인의 커스터마이징 하여 클라이언트사의 요구사항에 최대한 부합하는 결과물을 만들어 드리고자 노력했습니다.

– Unbalanced & Broken Grid –

넓은벌동쪽 웹사이트 리뉴얼 프로젝트에서 중점을 두었던 또한가지 부분은 변화무쌍하면서도 미니멀한 레이아웃 입니다.

페이지를 스크롤 다운하여 살펴보게 되면 풀 와이드(Full Width)와 인 그리드(In Grid) 그리고 풀 와이드(Full Width)에서도 마진이 있는 부분과 없는 부분을 조화롭게 배치하여 끊임없는 변화를 주었으며, 언밸런스한 컬럼 배치로 미니멀 하고 트랜디한 이미지를 구현하였습니다.