한빛미디어에서 출간 된 ＜쇼핑몰 디자인 제작북＞의 매력은

​쇼핑몰 디자인부터 디자인 코딩, 솔루션 세팅까지 한 권으로 끝낸다는 점입니다.

​

쇼핑몰 디자인의 가장 기본은 웹디자인에 대한 기본 이해와 쇼핑몰과 홈페이지 디자인의 차이점을 알고 시작하는 것입니다.

그리고 프로그램 사용법에 대해 알고 있어야 합니다.

가장 기본적으로는 사진 편집 관련은 포토샵을 사용할 줄 알아야 하고 로고 작업과 CI, BI 등은 일러스트레이터를 사용해야 합니다.

그 다음은 내가 원하는 레이아웃으로 코딩을 해야 하는데 이 책에서는 HTML5와 CSS3를 메모장에 코딩하지 않고 드림위버 프로그램을 사용하여 사용자가 좀 더 쉽게 코딩할 수 있게 도와줍니다.
그리고 나면 쇼핑몰 세팅에 많이 사용하는 cafe 24나 고도몰에 어떻게 적용하는지 보여줍니다.

전반적으로 어떻게 디자인을 하고 코딩을 해서 쇼핑몰에 적용하는지 전체적인 흐름을 알 수 있게 해줘서 정확한 아웃풋이 잡히지 않은 사용자라면 꼭 활용해 볼 책 입니다.

SECTION 01 쇼핑몰과 홈페이지 디자인
웹디자인(Web Design)은 인터넷에세 표현되는 웹사이트의 각 페이지를 디자인하는 작업입니다.

대표적인 웹디자인으로 쇼핑몰과 홈페이지 디자인을 들 수 있습니다. 이 두가지 모두 상업적인 목적으로 쓰이는데, 사용자의 행동 패턴을 어떻게 유도하는가에 따라 다르게 활용됩니다.

쇼핑몰 디자인의 특징과 홈페이지 디자인의 특징에 대해 설명하고 있고 두 개의 다른 점을 비교해서 설명해 주고 있습니다.
웹페이지 디자인이라고 하면 쇼핑몰 디자인과 홈페이지 디자인이 같다라고 생각하고 있는 사람들이 대부분인데 그 점에 대해 쉽게 설명해 주고 있습니다.

SECTION 02 웹그리드 시스템과 레이아웃
레이아웃은 건물을 지을 때 설계와 기초 공사에 해당하는 것으로 내용을 배치하는 기본 구조를 정하는 작업입니다. 고객의 시선 흐름에 따라서 어떻게 배치해야 콘텐츠를 제대로 전달할 수 있을지에 대한 고민부터 시작합니다. 웹그리드 시스템은 이러한 레이아웃을 구성하는 수단으로 시각적인 질서와 일관성을 유지하는 장치입니다.

상단 메뉴 고정형 레이아웃, 카드형 레이아웃, 긴 스크롤 레이아웃, 전체 배경 레이아웃, 그리드 파괴 레이아웃 중 우리가 많이 보는 웹페이지 레이아웃의 경우는 상단 메뉴 고형 레이아웃입니다.
카드형 레이아웃의 경우 모바일 환경에 맞춰서 요즘 많이 사용하고 있습니다.

​

SECTION 03 전체 분위기를 좌우하는 컬러
컬러는 전체적인 웹사이트으 느낌과 분위기를 전달하는 역할을 하기 때문에 디자인 콘셉트를 정할 때 우선적으로 결정해야 하는 요소 중 하나입니다. 같은 컬러라도 채도에 따라서 선호하는 고객층이 달라지므로 중요하면서도 가장 어려운  부분이기도 합니다.

​

SECTION 04 다양한 용도의 타이포그래피
타이포그래피의 가장 큰 역할은 메시지 전달입니다. 사용하는 폰트 종류, 사이 간격, 크기, 색상 등의 속성을 어떻게 설정하는가는 가독성에 큰 영향을 미칩니다. 타이포그래피는 단순히 정보를 전달하는 용도가 아니라 디자인 요소로 활용되어 강력한 메시지를 전달하기도 하고, 디자인의 일부가 되어 그 자체로 아름다움을 표현하기도 합니다.

SECTION 05 쇼핑몰 업종에 따른 트렌드
기업 홈페이지는 브랜드 신뢰성을 부각해야 하기 때문에 레이아웃이나 색상 선택에서 제한이 많습니다. 그에 비해 쇼핑몰 디자인은 판매하는 상품이나 고객에 따라 독특한 스타일을 연출할 수 있으며, 종합몰이나 전문몰 등 쇼핑몰 종류에 따라서 다양한 스타일을 연출할 수 있습니다.

SECTION 06 쇼핑몰 제작 및 오픈
쇼핑몰을 포함하여 웹사이트를 제작할 때는 전체 제작 과정을 이해하고, 각 과정에서 작업 효율을 극대화할 수 있는 방안을 고민해야 합니다. 일반적으로 고객 미팅, 벤치마킹, 자료 수집, 콘셉트 회의, 기획, 스토리보드, 디자인 목업, 디자인, 퍼블리싱, 쇼핑몰 오픈 과정으로 진행됩니다.

이 책에서는 일러스트레이터 부분에 관한 로고 작업은 없지만 포토샵에서 설명하고 있습니다.

로고, 배너, 아이콘, 메인 배너, 팝업, 쿠폰 등 하나의 쇼핑몰 디자인을 완성하는 데는 여러 가지 디자인 요소가 필요하며 그 부분에 대한 자세한 설명이 나와 있고 전체적인 레이아웃을 잡고 디자인을 분할해서 저장하는 방법까지 책에 설명한 대로 만들어 보면 좋은 공부가 될 것 같습니다.

＜네이버 블로그 홈페이지처럼 꾸미기＞는 우선 책 내용을 전체적으로 따라하기가 어렵다면 먼저 시도해 보기 좋은 예제입니다. 개인 블로그를 먼저 꾸며보면 자신감이 생길 것입니다.

이 책은 쇼핑몰 제작에 필요한 핵심 내용만 있기 때문에 초급자들이 보기에는 여러번 반복해야 하고 어느 정도 프로그램을 다룰 수 있는 사람들이 보기에 좋은 책입니다.

​

한빛미디어 ＜나는 리뷰어다＞ 이벤트에 당첨돼서 작성한 글입니다.

파는 물건이 무엇이냐에 따라 필요없을 수도 있지만 쇼핑몰은 온라인판매를 하는 판매자입장에서는 가장 기본적으로 제작해야 할 것입니다. 많은 사람들이 이런 쇼핑몰을 제작할 줄 모르기때문에 대행업체를 통해서 제작을 하게 되지만 커스트마이징, 즉 내가 원하는대로 하려면 돈이 많이 듭니다. 아무래도 싼 가격으로 막 찍어내는 고만고만한 쇼핑몰 제작업체의 쇼핑몰 사이트를 보면 자꾸만 내가 직접 만지고 싶어지죠!

＜쇼핑몰 디자인 제작북＞은 쇼핑몰 디자인을 어떻게 시작해야 될지 갈피를 못잡는 초보 디자이너들이 개념을 잡고 시작할 수 있도록 도와줍니다. 디자인 요소별로 기본기를 익혀서 포토샵으로 분야별로 디자인을 익힐 수 있도록 분류했고 이제는 필수가 된 사이트 운영과 관리, 그리고 자기가 원하는 형태로 퍼블리싱 할 수 있는 코딩 파트도 다루고 있습니다. 최종적으로는 호스팅업체를 통해 운영하는데 알고 있어야 할 세팅법들도 알려주네요.

클라이언트의 의뢰를 받고 쇼핑몰을 제작함에 있어 무턱대고 포토샵부터 여는 어리석은 행동을 삼가해야 합니다. 모든 쇼핑몰들이 제대로 시작하는게 아니라 주먹구식으로 하기때문에 나중에 관리가 힘들어지고 자신의 판매하는 상품의 컨셉과 따로 놀아 브랜드의 가치가 저하되는 결과를 낫게 됩니다. 그래서 디자이너는 쇼핑몰 웹디자인을 할때 트렌드도 알고 있어야 하며 안정적인 레이아웃을 토대로 짜임새있으면서 개성있는 쇼핑몰로써의 모습을 디자인할 수 있을테죠.

이 책은 포토샵 강좌를 위한 책이 아니기때문에 쇼핑몰 디자인 제작에 관련된 안내위주로 되어 있습니다. 각 단원별로 챕터가 끝나면 "디자인 특강"이라는 부분을 통해 주의할 점이나 팁, 그리고 단원에서 얘기못했넌 정보를 알려줍니다.

페이지만 많아보이지 쇼핑몰 웹사이트를 들여다보면 핵심적인 페이지가 몇개만 제대로 잡고 가면 됩니다. 그렇다고 쇼핑몰 사이트가 단랑 서너 페이이로 운영된다고 생각하는 큰 오산입죠. 자질구레한 뒷단의 관리 페이지도 많고 단품 쇼핑몰이 아니라면 썸네일이라고 상품 대표 이미지에 따라 붙은 각종 기능들이 많습니다. 이번 단계에서는 각종 트렌드를 반영한 쇼핑몰 디자인을 어떻게 잡아나가야 될지 레이아웃을 잡아 보도록 할께요.

판매할 상품을 방문하는 고객들에게 소개하는 것 외에 내 쇼핑몰에서 손쉽게 쇼핑을 할 수 있도록 해주는 기능중에 하나가 퀵 메뉴와 팝업창입니다. 고객입장에서는 거추장하고 보기 싫을지 모르지만 판매자 입장에서는 방문한 순간 고객에게 바로 판매와 관련한 이벤트나 공지를 인지시키기에 좋죠. 퀵 메뉴는 항상 모든 페이지에 측면 공간에서 떠다니면서 보았던 상품이나 빠른 메뉴의 실행을 할 수 있는 접근성을 높여줍니다.

쇼핑몰 웹페이지 디자인만 제대로 한번 하고 나면 다른 일반 웹사이트 디자인에 큰 도움이 됩니다. 쇼핑몰이 뭐 그리 대단하다고? 할지 모르지만 실제 그렇습니다. 회원관리와 상품관리, 게시판과 검색 등 우리가 인터넷 웹사이트에 접하는 거의 대부분이의 기능이 합축됐다고 보면 되죠.