디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
  - 쇼핑몰 홈페이지 제작의      이해
  - 홈페이지몰 상품 만들기
  - 맞춤형 쇼핑몰 홈페이지
     만들기
  - 쇼핑몰 홈페이지 만들기
  - 굿모닝샵 솔루션 연동하
     기
서브 페이지 만들기
Home > 디자인 센터 > 웹강좌 > 쇼핑몰 홈페이지 만들기 > 서브 페이지 만들기
메인 페이지 만들기 서브 페이지 만들기

(2) 서브페이지 만들기


[서브페이지]

① 상품 목록 페이지 만들기
- 서브 페이지는 메인 페이지와 동일한 방법으로 상단 메뉴와 검색 창을 배치한 후 쇼핑 카테고리 타이틀과 쇼핑 카테고리 메뉴 텍스트(쇼핑기획전, 베스트상품, 이달의 특가상품, 신상품, 커뮤니티, 회사소개)를 배치합니다.

- 상단 중앙에는 제품 관련 이벤트와 정보를 보여줄 수 있는 서브 비주얼 이미지를 배치합니다.

- 상단 중앙에는 제품 관련 이벤트와 정보를 보여줄 수 있는 서브 비주얼 이미지를 배치합니다.

- 상품의 카테고리 목록을 보여줄 수 있는 배경 영역을 추가한 후 텍스트를 적절히 배치합니다. 서브 디자인 완성 후 솔루션으로 연동해야 하는 부분입니다.

② 콘텐츠 만들기

- 인기 있는 상품을 효과적으로 노출시키기 위한 'HIT PRODUCT' 목록을 4개 정도 좌측에 배치합니다. 서브 디자인 완성 후 솔루션으로 상품 목록을 연동해야 하는 부분입니다.

- 현재 카테고리에서 가장 인기 있는‘주간 베스트 상품' 목록을 7개 정도 우측에 배치합니다. 베스트 1위 상품은 큰 이미지 사이즈로 하고 나머지 6개 상품은 작은 이미지 사이즈로 하여 모양을 적절히 배치합니다. 서브 디자인 완성 후 솔루션으로 상품 목록을 연동해야 하는 부분입니다.

- 상품 이미지와 텍스트를 적절히 조합하여 제작한 배너 3개를 'HIT PRODUCT' 목록 아래 배치합니다.

- 상품 목록의 정렬 기준 설정을 위해 [인기순][판매순][신상품순][낮은가격순][높은가격순][등록일순] 등의 선택 버튼과 정렬 개수 선택 상자를 적절히 배치합니다.

- 적절한 크기의 상품 이미지, 상품명, 가격으로 구성된 상품목록과 페이지 내비게이션을 배치합니다. 서브 디자인 완성 후 솔루션으로 상품 목록을 연동해야 하는 부분입니다.

- 메인 페이지와 동일한 방법으로 하단 배너 부분과 카피라이트 부분을 배치하여 쇼핑몰 서브 페이지 디자인을 완성합니다.

③ 상품 상세 정보 페이지 만들기

- 상품 상세 정보 페이지는 쇼핑몰 상품의 속성(판매가격, 원산지, 상품코드 등)과 고객들이 상품을 직접 구매하거나 장바구니에 담을 수 있는 상품 구매 관련 버튼이 포함되어 있도록 구성하며, 해당 상품에 대한 상세 정보를 한 눈에 볼 수 있도록 상품 특성에 맞게 짜임새 있는 페이지를 제작합니다. 상품의 속성 항목과 배송안내, 상품문의, 관련추천상품은 서브 디자인 완성 후 솔루션으로 상품 목록을 연동해야 하는 부분입니다.

④ 장바구니 페이지 만들기

- 장바구니 페이지는 고객이 상품을 주문하기 전 장바구니에 담긴 상품 목록을 보여주는 페이지로 장바구니 목록 관련 간단한 정보와 함께 위시 리스트에 담긴 상품 목록도 함께 배치하여 페이지를 제작합니다. 서브 디자인 완성 후 솔루션으로 상품 목록(장바구니, 위시리스트)을 연동해야 하는 부분입니다.

⑤ 고객만족센터 페이지 만들기

- 고객만족센터 페이지는 쇼핑몰 방문 고객의 질문과 답변, 아이디/패스워드 분실 정보 등 쇼핑몰 이용 중 발생하게 되는 다양한 문제(회원관련, 결제관련, 주문/배송관련, 상품정보관련)에 대한 정보가 있는 페이지입니다. 서브 디자인 완성 후 솔루션으로 질문 검색과 질문/답변 목록을 연동해야 하는 부분입니다.


⑥ 로그인 페이지 만들기

- 로그인 페이지는 쇼핑몰에 가입한 회원과 비회원 모두 로그인 할 수 있도록 제작된 페이지입니다. 비회원이 접속했을 시 회원가입하기와 아이비/비밀번호찾기 배너를 추가하여 회원가입을 유도하고, 회원서비스 안내 내용을 추가하여 제작합니다. 서브 디자인 완성 후 솔루션으로 로그인 폼을 연동해야 하는 부분입니다.

하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달