바로가기 메뉴


Portfolio

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

홈페이지>기계/설비/금형/사출
(주)비전과학URL :  www.visionsci.co.kr
의료기기와 이화학기기의 산업의 선두기업, (주)비전기업 의료기기와 이화학기기를 취급하는 본 기업은 최신 트렌드에 맞는 디자인과 사용자 중심의 UI, 표준화된 웹페이지를 구축하여 새로운 모습으로 사이트를 리뉴얼하였습니다.
오픈일
2016.04.08
기능
게시판 관리 / 회원관리 / 폼메일관리 / 상품관리 / 접속통계 / 팝업기능
제작배경 및 디자인 컨셉
기존 사이트의 부족한 컨텐츠를 보완하고, 보다 편리한 UI로 사용자의 접근성을 높이며, 최근 트렌드의 디자인을 반영하여 기업의 이미지를 쇄신하기 위해 사이트를 리뉴얼하였습니다. 
신뢰와 건강함을 상징하는 그린 컬러를 주조색으로 사용하여 기업에 대한 색상 아이덴티티를 형성하고, 레드 컬러와 에메랄드 그린 컬러를 조합하여 사용하여 경쾌하고 세련된 기업 이미지를 표현하였습니다.
메인디자인
비전과학_메인.jpg
3단 그리드 형식으로 작업하여 각 성격별 컨텐츠 구획을 효과적으로 분할하고, 방문객이 효과적으로 컨텐츠를 인지할 수 있도록 배치하였습니다. 

좌측에는 제품별 카테고리를 아이콘화하여 제품에 대한 정보 전달 및 빠른 접근이 가능하도록 하였으며, 최소한의 이미지를 제외하고는 모든 컨텐츠를 텍스트화시켜 로딩 속도와 웹접근성을 향상시키고 가독성을 높여줍니다.
서브디자인
비전과학_서브.jpg
메인페이지와 서브페이지는 인터페이스 간의 상호 연관성을 고려하여 설계합니다. 

최하위 메뉴에서 최상위 메뉴에서 한번의 클릭으로 이동가능 해야하며, 전반적인 Menu의 Depth는 3단계를 넘지않도록 계층적인 프리형태로 설계하며, 현재 자신의 위치에 대한 파악이 용이토록 구성하도록 설계합니다. 

직관적인 인터페이스로 구성하고 초보자도 쉽게 메뉴를 보고 기능을 연상할수 있도록 하기 위하여 메뉴버튼이나 이미지는 Roll Over 버튼을 사용하여 설계합니다. 

사이트의 사용자 인터페이스의 효과성을 높이기 위하여 사용자의 입장에서 목적성, 일관성, 편리성, 명료성, 유연성, 직관성, 지시적, 단계성을 갖도록 설계합니다. 
비전과학_하단.jpg
비전과학_하단_관리자.jpg
제품관리
관리자 페이지와 연동하여 제품추가/삭제/수정이 용이하도록 작업하였습니다.