쇼핑몰 디자인 제작 북

쇼핑몰 디자인부터 디자인 코딩, 솔루션 세팅까지 한 권으로 끝낸다!

임화연 , 이해령 지음

한빛미디어 2018년 01월 19일 출간 종이책 : 2017년 12월 05일 출간

작품소개

책소개

현장 밀착형 예제로 배우는 쇼핑몰 만들기 프로젝트

많은 사람들이 쇼핑몰 창업에 뛰어들면서 취급하는 상품도 유사하고, 품질이나 콘셉트까지 유사한 경쟁 쇼핑몰이 많아지고 있다. 이처럼 경쟁이 치열할수록 남과 다른, 특색 있는 나만의 쇼핑몰 디자인으로 고객의 눈길을 사로잡는다면 분명 매출 향상에 도움이 될 것이다. 그럼에도 많은 쇼핑몰에서는 시간이나 비용 때문에 디자인 업체나 솔루션에서 제공하는 기본 디자인을 사용하는 경우가 많다.
그렇다면 어떻게 해야 할까? 내 쇼핑몰 디자인을 내 손으로 해 보는 것은 어떨까? 이 책은 획일화된 쇼핑몰 디자인에 실증을 느끼고 자신만의 개성적인 쇼핑몰을 제작하고 싶은 쇼핑몰 운영자 여러분께 해결책을 제시한다. 수년간 쇼핑몰을 디자인하고 제작하면서 얻은 저자의 노하우를 그대로 담아냈다. 쇼핑몰 디자인&제작에 꼭 필요한 핵심 기능만 담아 시간을 절약할 수 있으며, 디자인아트 대표인 저자가 선별한 대표적인 트렌드 예제를 처음부터 끝까지 따라함으로써 쇼핑몰 디자인에 대한 실전 감각을 키울 수도 있다. 실습 프로젝트를 따라하는 것에 그치지 않고, 응용하고 변형해 본다면 자신만의 개성 있는 쇼핑몰을 완성할 수 있을 것이다.

목차

[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 네이버 블로그 세팅하기

출판사 서평

① 쇼핑몰 디자인 제작을 위한 필수 기능만 담았다
하나의 쇼핑몰을 완성하려면 포토샵은 기본이고, 웹언어인 HTML과 오픈을 위한 솔루션 사용 방법까지 알아야 한다. 각 도구 하나만 하더라도 제대로 익히려고 책 한 권으로 끝내기 힘들다. 하지만 이 책은 각 도구의 핵심 기능, 쇼핑몰을 디자인하고 제작하는 데 꼭 필요한 기능만 엮어 한 권으로 구성했다. 포토샵으로 디자인하고, HTML 언어를 쉽게 작성해 주는 드림위버로 코딩한 후 솔루션에 세팅해서 쇼핑몰을 완성해 본다.

② 대표적인 쇼핑몰 스타일로 실습한다
온라인 쇼핑몰은 취급하는 품목이나 핵심 고객에 따라 콘셉트나 디자인에 차이가 있다. 하지만 그 안에서도 쇼핑몰 종류에 따라 공통적인 특징이나 트렌드가 있기 마련이다. 이 책에서는 가장 대중적인 쇼핑몰인 여성의류 쇼핑몰과 다양한 품목을 취급하는 잡화 쇼핑몰 두 가지를 처음부터 끝까지 실습해 볼 수 있도록 구성했다. 최신 트렌드에 맞는 두 종류의 쇼핑몰을 완성해 본 후, 다양한 쇼핑몰의 특징이나 디자인 요소 등을 참고하여 프로젝트 실습을 응용, 발전시켜 나간다면 개성 있는 ‘나만의 쇼핑몰’을 완성할 수 있을 것이다.

③ 무료 솔루션으로 오픈하고, 네이버 블로그로 홍보한다
처음 쇼핑몰을 준비하고 창업하려면 많은 준비와 비용이 필요하다. 그러므로 최대한 아낄 수 있는 부분은 아끼는 것이 좋다. 쇼핑몰 운영자들의 고충을 잘 알고 있는 저자는 무료로 부담 없이 실습해 볼 수 있도록 대표적인 쇼핑몰 솔루션인 cafe24와 고도몰을 이용해 프로젝트 쇼핑몰을 오픈한다. 쇼핑몰을 운영하려면 솔루션의 다양한 기능을 속속들이 알고 있어야 하지만, 이 책에서는 처음 오픈 방법까지만 소개한다. 자세한 설명은 정식으로 오픈한 후 해당 솔루션에서 제공하는 다양한 무료 교육을 이용해도 늦지 않다. 또한, 이 책에는 쇼핑몰과 함께 검색 노출을 위해 필수로 운영해야 하는 네이버 블로그를 마치 홈페이지처럼 사용자화해서 꾸미는 방법을 포함하고 있다.

▶ 이 책이 필요한 독자
- 개성 가득한 쇼핑몰을 직접 디자인하고 싶은 운영자
- 실무 경험이 부족한 신입 웹디자이너
- 웹디자이너를 꿈꾸는 취업 준비생

작가정보

저자(글) 임화연

저자 임화연은 (주) 디자인아트플러스 대표이자, 동양미래대학 경영학부겸임교수다. 네이버에서 ‘검색광고’, 11번가에서 ‘포토샵 상품 상세 페이지 디자인’을 강의하고 있다. 서울특별시 교육청 교육 과정 심의회교과별 위원이자 한국폴리텍대학 시각디자인과 산업 기술자문 위원이다. 주요 저서로는 《 맛있는 디자인 포토샵 CS6 》, 《 맛있는 디자인 드림위버 CC 》, 《실전 쇼핑몰 포토샵 북 》( 한빛미디어 ), 《 매출을 팍팍 올려주는 쇼핑몰 상품페이지 전략 》( e 비즈북스 ) 등이 있다.
디자인아트플러스 http://www.designart.co.kr
블로그 http://blog.naver.com/ange2359

저자(글) 이해령

저자 이해령은 현재 고도소프트에서 일하며, ‘1년에 1권 책쓰기’를 목표로 세워 실천하고 있다. 자기계발 차원에서 시작한 포토샵과 드림위버 덕분에 책까지 집필하게 되었다. 소소하게 시작한 새로운 배움이 또 다른 기회가 되는 경험 이후에 새로운 기회를 기대하며 배움에 정진하고 있다. 참여한 책으로는 《맛있는 디자인 포토샵 CS6》, 《맛있는 디자인 드림위버 CC》가 있다