바로가기 메뉴


Portfolio

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

홈페이지>바이오/병원/의료기기
(주)아이에스엠아이엔씨URL :  iism.co.kr
분광응용기술 전문기업, (주)아이에스엠아이엔씨 (주)아이에스엠아이엔씨는 "인류에 도움이 되는 기술과 제품을 제공하는 기업" 이라는 기업이념으로 의료기기와 분광응용기기 등의 제품을 생산/판매하고 있습니다.
오픈일
2016.01.04
기능
게시판관리 / 폼메일관리 / 제품관리 / 팝업기능 / 로그분석
제작배경 및 디자인 컨셉
아이에스엠아이엔씨 홈페이지를 리뉴얼하여 기존의 부족한 컨텐츠를 보완하고 보다 편리한 UI로 사용자의 접근성을 높이며 최근 트렌드의 디자인을 반영하여 기업의 이미지를 쇄신하기 위함이 사이트 제작의 목적입니다.
메인디자인
1.jpg

1280 X 1024해상도 모드로 디자인하여 어느 해상도에서든 최적의 디자인을 볼 수 있도록 하였습니다. 메뉴가 가로형으로 위치한 가로형 레이아웃으로 보는 이에게 친숙함을 주며, 구도적으로 안정감을 줍니다.


가독성과 편리성을 최대로 고려하여 작업해 사이트 방문 유저들이 원하는 정보를 보다 쉽게 취득할 수 있도록 하여 다양한 방문객에 대한 정보 접근성을 향상하였습니다. 상단의 비쥬얼영역을 최대한 좁히고 최대한 많은 컨텐츠를 볼 수 있도록 디자인하여방문객이 실제로 원하는 정보를 보다 쉽게 접할 수 있도록 하였습니다.

사이트를 최대한 한눈에 볼 수 있도록 작업하고 이미지 영역을 그리드 형태로 나누어 작업하여 효과적으로 아이덴티티 전달이 가능하도록 디자인하였습니다. 좌측 상단에서 우측 하단으로 흐르는 시선의 흐름에 따라 중요도를 선정하여 컨텐츠를 배치하였으며, 그리드 시스템을 준수하여 시선의 분산을 최소화하며 가독성을 높여줍니다.

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

사이트의 사용자 인터페이스의 효과성을 높이기 위하여 사용자의 입장에서 목적성, 일관성, 편리성, 명료성, 유연성, 직관성, 지시적, 단계성을 갖도록 설계합니다. 
3.jpg
4.jpg

제품관리

관리자 페이지와 연동하여 제품의 추가 및 관리가 용이하도록 작업하였습니다.