바로가기 메뉴


Portfolio

포트폴리오는 자산이며 경쟁력입니다.
프로젝트의 성공 경험과 노하우는 포트폴리오에서 확인 가능합니다.

홈페이지>기계/설비/금형/사출
블루콤URL :  www.bluec.co.kr
세계적인 음향, 무선통신기업 블루콤 음향부품 전반에 걸친 제품과 Bluetooth, Wearable 등의 스마트 무선통신분야인 블루콤에서 홈페이지를 리뉴얼 하였습니다.
오픈일
2015.11.23
기능
회원관리 / 제품 관리 / 게시판 관리 / 팝업기능 / 로그분석
제작배경 및 디자인 컨셉
사이트를 리뉴얼하여 기존의 부족한 컨텐츠를 보완하고 보다 편리한 UI로 사용자의 접근성을 높이며 최근 트렌드의 디자인을 반영하여 기업의 이미지를 쇄신하기 위함이 사이트 제작의 목적입니다.
메인디자인


bluec01.jpg

가독성과 편리성을 최대로 고려하여 작업해 사이트 방문 유저들이 원하는 정보를 보다 쉽게 취득할 수 있도록 하여 다양한 방문객에 대한 정보 접근성을 향상하였습니다.
     
  사이트를 최대한 한눈에 볼 수 있도록 작업하고 이미지 영역을 그리드 형태로 나누어 작업하여 효과적으로 아이덴티티 전달이 가능하도록 디자인하였습니다. 좌측 상단에서 우측 하단으로 흐르는 시선의 흐름에 따라 중요도를 선정하여 컨텐츠를 배치하였으며, 그리드 시스템을 준수하여 시선의 분산을 최소화하며 가독성을 높여줍니다.
 
  전체적으로 최대한 많은 컨텐츠를 노출시켜 한 페이지에서 많은 정보 전달이 가능하도록 하며, 서브페이지로의 유입을 유도합니다.

서브디자인

bluec01.jpg

메인페이지와 서브페이지는 인터페이간의 상호 연관성을 고려하여 설계합니다.
 
최하위 메뉴에서 최상위 메뉴에서 한번의 클릭으로 이동가능 해야하며, 전반적인 Menu의 Depth는 3단계를 넘지않도록 계층적인 프리형태로 설계하며, 현재 자신의 위치에 대한 파악이 용이토록 구성하도록 설계합니다.
   
직관적인 인터페이스로 구성하고 초보자도 쉽게 메뉴를 보고 기능을 연상할수 있도록 하기 위하여 메뉴버튼이나 이미지는 Roll Over 버튼을 사용하여 설계합니다.
   
사이트의 사용자 인터페이스의 효과성을 높이기 위하여 사용자의 입장에서 목적성, 일관성, 편리성, 명료성, 유연성, 직관성, 지시적, 단계성을 갖도록 설계합니다.

 

bluec03.jpg

bluec04.jpg
PRODUCT
관리자 페이지와 연동하여 제품 정보 수정이 용이하도록 제작하였습니다.