쇼핑몰 디자인 제작 북
현장 밀착형 예제로 배우는 쇼핑몰 만들기 프로젝트
많은 사람들이 쇼핑몰 창업에 뛰어들면서 취급하는 상품도 유사하고, 품질이나 콘셉트까지 유사한 경쟁 쇼핑몰이 많아지고 있다. 이처럼 경쟁이 치열할수록 남과 다른, 특색 있는 나만의 쇼핑몰 디자인으로 고객의 눈길을 사로잡는다면 분명 매출 향상에 도움이 될 것이다. 그럼에도 많은 쇼핑몰에서는 시간이나 비용 때문에 디자인 업체나 솔루션에서 제공하는 기본 디자인을 사용하는 경우가 많다.
그렇다면 어떻게 해야 할까? 내 쇼핑몰 디자인을 내 손으로 해 보는 것은 어떨까? 이 책은 획일화된 쇼핑몰 디자인에 실증을 느끼고 자신만의 개성적인 쇼핑몰을 제작하고 싶은 쇼핑몰 운영자 여러분께 해결책을 제시한다. 수년간 쇼핑몰을 디자인하고 제작하면서 얻은 저자의 노하우를 그대로 담아냈다. 쇼핑몰 디자인&제작에 꼭 필요한 핵심 기능만 담아 시간을 절약할 수 있으며, 디자인아트 대표인 저자가 선별한 대표적인 트렌드 예제를 처음부터 끝까지 따라함으로써 쇼핑몰 디자인에 대한 실전 감각을 키울 수도 있다. 실습 프로젝트를 따라하는 것에 그치지 않고, 응용하고 변형해 본다면 자신만의 개성 있는 쇼핑몰을 완성할 수 있을 것이다.
(주)디자인아트플러스 대표. 현재 동양공업전문대학 전산정보학부 겸임 교수이자 서울특별시 교육청 교육과정 심의회 교과별 위원, 한국폴리텍대학 시각디자인과 산업기술 자문위원으로 활동하고 있다. SKT 11번가와 메이크샵, 네이버에서도 포토샵과 쇼핑몰 디자인에 대해 강의하면서 고객과 소통하는 상품페이지 작성 노하우를 알려 주고 있다. 주요 저서로는 《쇼핑몰 포토샵 북: 상품페이지 편집&상세페이지 디자인》, 《쇼핑몰 상품 페이지 스타일 북》, 《新 인터넷에 가게열자》, 《메이크샵과 함께 하는 창업》 등이 있다.
[STEP 01 쇼핑몰 디자인 기본기 다지기]
PART 01] 쇼핑몰 디자인 & 제작 과정
SECTION 01 쇼핑몰과 홈페이지 디자인
SECTION 02 웹그리드 시스템과 레이아웃
SECTION 03 전체 분위기를 좌우하는 컬러
SECTION 04 다양한 용도의 타이포그래피
SECTION 05 쇼핑몰 업종에 따른 디자인 트렌드
SECTION 06 쇼핑몰 제작 및 오픈
PART 02] 쇼핑몰의 다양한 디자인 요소
SECTION 01 로고 디자인하기
SECTION 02 아이콘 디자인하기
SECTION 03 메인 이미지 디자인하기
SECTION 04 팝업 디자인하기
SECTION 05 쿠폰 디자인하기
[STEP 02 쇼핑몰 디자인하기 with 포토샵]
PART 01] 여성의류 쇼핑몰 디자인
SECTION 01 트렌드를 반영한 여성의류 쇼핑몰 기획하기
SECTION 02 상단 영역 : 로고와 메뉴로 심플하게 디자인하기
SECTION 03 중앙, 하단 영역 : 효과적으로 상품 및 정보 노출하기
SECTION 04 퀵 메뉴 영역 : 메뉴를 열고 닫는 동적 요소 만들기
SECTION 05 디자인 분할 및 저장
PART 02] 캠핑용품 쇼핑몰 디자인
SECTION 01 개성이 돋보이는 캠핑용품 쇼핑몰 기획하기
SECTION 02 상단 영역 : 검색 창 및 상품 분류를 위한 카테고리 만들기
SECTION 03 중앙 영역 : 메인 이미지와 이벤트 배너로 상품 노출하기
SECTION 04 하단 영역 : 방문자와 소통할 게시판 배치하기
SECTION 05 디자인 분할 및 저장
[STEP 03 디자인 코딩하기 with 드림위버]
PART 01 여성의류 쇼핑몰 코딩하기
SECTION 01 상단 영역 편집
SECTION 02 퀵 메뉴 영역 편집
SECTION 03 하단 영역 편집
PART 02 캠핑용품 쇼핑몰 코딩하기
SECTION 01 상단 영역 편집
SECTION 02 중앙 영역 편집
SECTION 03 하단 영역 편집
[STEP 04 디자인 세팅하기 with cafe24, 고도몰]
PART 01 여성의류 쇼핑몰 세팅하기 with cafe24
SECTION 01 솔루션 세팅 기본 설정하기
SECTION 02 스타일시트 및 공통 레이아웃 세팅하기
SECTION 03 상단/하단 영역 세팅하기
SECTION 04 중앙 영역 세팅하기
SECTION 05 cafe24 앱 활용하기
PART 02 캠핑용품 쇼핑몰 세팅하기 with 고도몰
SECTION 01 솔루션 세팅 기본 설정하기
SECTION 02 스타일 시트 등록 및 상단 세팅하기
SECTION 03 중앙 및 하단 세팅하기
[네이버 블로그 홈페이지처럼 꾸미기]
SECTION 01 메인 타이틀 및 배너 디자인하기
SECTION 02 네이버 블로그 세팅하기