바로가기 메뉴


Portfolio

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

홈페이지>쇼핑몰
에스와이우드(주)URL :  www.sywoodmall.co.kr
친환경 기업의 대표 주자, 에스와이우드 SYWOOD는 도전과 열정으로 전문 목재 가공분야 및 실내 인테리어 업계에 목재를 통해 인간과 자연이 하나가 될 수 있는 공간창출을 위해 최선을 다하는 국내 최고 종합 목재 가공 전문업체입니다.
오픈일
2015.01.20
기능
쇼핑몰관리 / 게시판관리 / 회원관리 / 팝업관리 / 로그분석 등
제작배경 및 디자인 컨셉
에스와이우드의 쇼핑몰을 제작하여 상품을 홍보하고 판매를 활성화 하는 것에 사이트의 제작의 목적을 두었습니다.
메인디자인

1.jpg

1024 X 768 해상도 모드로 디자인하여 어느 해상도에서든 최적의 디자인을 볼 수 있도록 하였습니다.기본형 쇼핑몰 레이아웃으로 좌측에는 카테고리 및 배너, 중앙에는 컨텐츠로 구성되어 있어 사이트 구성을 한눈에 파악할 수 있도록 구성하였습니다.

 

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

 

 
카테고리를 상단으로 배치하여 와이드한 메인 비쥬얼이 가능하여 쇼핑몰의 디자인 퀄리티를 높여줍니다. 하단에 배너 영역을 추가하여 제품과는 또다른 방식으로 접근이 가능하게 작업하였으며, 하단에 베스트 제품을 각각 카테고리로 구분하여 방문객의 편의성을 높여줍니다.
서브디자인

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

3.jpg

4.jpg
제품등록 및 관리
관리자 페이지와 연동하여 게시물 추가 및 수정, 삭제가 용이하도록 작업하였습니다