쇼핑몰 제작 유지보수 디자인 DIY

조은주

저자 조은주

쇼핑몰 창업 교육, 컨설팅, 디자인 회사 ‘마리웹’ 운영
온라인 쇼핑몰 비즈니스 포털 사이트 ‘온샵비즈’(http://onshop.biz) 운영
전자상거래 회사 ‘클럽모’ 운영
(주)써드브레인 수석 컨설턴트

2년간 쇼핑몰 분야 베스트셀러 1위 서적
〈쇼핑몰 창업 & 운영 무작정 따라하기〉(길벗출판사) 집필

전자상거래관리사협회 쇼핑몰 창업 과정 포토샵 강의
인천 갈산 YMCA 쇼핑몰 창업 강의
롯데면세점 인터넷 마케팅 강의
중소기업청 산하 소상공인지원센터 e-biz 마케팅 강의

Korea Merchandise Mart 기자
5개 온라인 쇼핑몰 운영
60여 개 쇼핑몰 디자인

Story 01 후회 없는 쇼핑몰 솔루션 선택하기

Shopping Mall Sense 01. 쇼핑몰 솔루션은 무엇이고, 왜 필요한가요?
Shopping Mall Sense 02. 쇼핑몰 솔루션의 종류 살펴보기
Shopping Mall Sense 03. 쇼핑몰 솔루션 회사 현황 살펴보기
Shopping Mall Sense 04. 3대 임대형 쇼핑몰 솔루션의 디자인 기능 비교하기

Story 02 쇼핑몰 구축의 첫걸음, 디자인 감 잡기

Shopping Mall Sense 05. 운영자가 갖춰야 할 10가지 디자인 마인드
Shopping Mall Sense 06. 디자인 감각을 키우는 3가지 방법
Shopping Mall Sense 07. 최신 쇼핑몰 디자인 트렌드 5가지
Shopping Mall Sense 08. 기획 없는 디자인은 사공 없는 배, 기획 포인트 11가지
Shopping Mall Sense 09. 고객을 사로잡는 메인 페이지 디자인 노하우 4가지
Shopping Mall Sense 10. 매출을 올려주는 상세 페이지 디자인 노하우 8가지
Shopping Mall Sense 11. 업종별 베스트 디자인 쇼핑몰 리뷰

Story 03 쇼핑몰 디자인 DIY(기초편)

Shopping Mall Sense 12. 쇼핑몰 디자인에 필요한 프로그램
Shopping Mall Sense 13. 쇼핑몰 디자인을 위한 포토샵의 기본 기능 익히기
Shopping Mall Sense 14. 사진 보정의 기본, 이미지에서 원하는 부분만 깔끔하게 추출하기
Shopping Mall Sense 15. 짧은 이미지를 긴 이미지로 감쪽같이 보정하기
Shopping Mall Sense 16. 상품의 구도를 바꿔서 고급스럽게 표현하기
Shopping Mall Sense 17. 이미지의 밝기 보정 노하우
Shopping Mall Sense 18. 이미지의 색상 보정 노하우
Shopping Mall Sense 19. 이미지의 선명도 보정 노하우
Shopping Mall Sense 20. 상품의 잡티와 원하지 않는 부분 제거하기
Shopping Mall Sense 21. 사진에 감성과 가치 더하기
Shopping Mall Sense 22. HTML의 개념과 원리 이해하기
Shopping Mall Sense 23. HTML의 기본 태그 배우기
Shopping Mall Sense 24. 디자인 작업에 자주 사용하는 포토샵의 6가지 기초 핵심 기능

Story 04 메이크샵으로 구축하는 편안하고 자연스러운 스타일의 쇼핑몰

Shopping Mall Sense 25. [메이크샵] 스타일 분석과 디자인 기획하기
Shopping Mall Sense 26. [메이크샵] 메인 페이지의 레이아웃 디자인하기
Shopping Mall Sense 27. [메이크샵] 메인 페이지의 상단 디자인하기
Shopping Mall Sense 28. [메이크샵] 쇼핑몰의 얼굴, 로고 만들기
Shopping Mall Sense 29. [메이크샵] 메인 메뉴와 상품 검색 창 만들기
Shopping Mall Sense 30. [메이크샵] 상품 카테고리 메뉴 디자인하기
Shopping Mall Sense 31. [메이크샵] 고객센터 배너 만들기
Shopping Mall Sense 32. [메이크샵] 중앙 메인 배너를 위한 4개의 이미지 만들기
Shopping Mall Sense 33. [메이크샵] 메인 페이지의 중앙 디자인 완성하기
Shopping Mall Sense 34. [메이크샵] 메인 페이지의 하단 디자인하기
Shopping Mall Sense 35. [메이크샵] 상품의 설명이 담긴 상세 페이지 디자인하기
Shopping Mall Sense 36. [메이크샵] 메인 페이지 이미지를 분할하고 저장하기
Shopping Mall Sense 37. [메이크샵] 상품 설명 페이지 이미지를 분할하고 저장하기
Shopping Mall Sense 38. [메이크샵] 홈인테리어용품 쇼핑몰 HTML 코딩하기 1
Shopping Mall Sense 39. [메이크샵] 홈인테리어용품 쇼핑몰 HTML 코딩하기 2
Shopping Mall Sense 40. [메이크샵] 관리자에서 디자인 적용하고, 상품 등록하기
Shopping Mall Sense 41. [메이크샵] 메인 페이지의 각 영역별 HTML 등록하기

Story 05 cafe24로 구축하는 트렌디한 스타일의 쇼핑몰

Shopping Mall Sense 42. [cafe24] 스타일 분석과 디자인 기획하기
Shopping Mall Sense 43. [cafe24] 메인 페이지 디자인 기본 세팅하기
Shopping Mall Sense 44. [cafe24] 메인 페이지의 상단 디자인 1
Shopping Mall Sense 45. [cafe24] 메인 페이지 상단 디자인 2-타이틀 이미지
Shopping Mall Sense 46. [cafe24] 신상품/인기 상품 타이틀 이미지 디자인하기
Shopping Mall Sense 47. [cafe24] 메인 페이지의 하단 디자인하기
Shopping Mall Sense 48. [cafe24] 상품 설명 페이지 디자인하기
Shopping Mall Sense 49. [cafe24] 여성 의류 쇼핑몰 HTML 코딩하기
Shopping Mall Sense 50. [cafe24] 여성 의류 쇼핑몰 HTML 제작하기
Shopping Mall Sense 51. [cafe24] 관리자에서 디자인 적용하고, 상품 등록하기

Story 06 후이즈몰로 구축하는 깔끔하고 모던한 스타일의 쇼핑몰

Shopping Mall Sense 52. [후이즈몰] 스타일 분석과 디자인 기획하기
Shopping Mall Sense 53. [후이즈몰] 메인 페이지 상단 디자인하기 1
Shopping Mall Sense 54. [후이즈몰] 메인 페이지 상단 디자인하기 2
Shopping Mall Sense 55. [후이즈몰] 메인 페이지의 좌측 디자인하기
Shopping Mall Sense 56. [후이즈몰] 메인 페이지의 중앙 디자인하기
Shopping Mall Sense 57. [후이즈몰] 메인 페이지 하단 디자인하기
Shopping Mall Sense 58. [후이즈몰] 상품 설명 페이지 디자인하기
Shopping Mall Sense 59. [후이즈몰] 노트북용품 쇼핑몰의 이미지 분할과 저장하기
Shopping Mall Sense 60. [후이즈몰] 노트북용품 쇼핑몰의 HTML 코딩하기
Shopping Mall Sense 61. [후이즈몰] 관리자에서 디자인 적용하고, 상품 등록하기
Shopping Mall Sense 62. [후이즈몰] 쇼핑몰의 영역별 소스 수정하기

Story 07 구축보다 더 중요한 쇼핑몰 유지 보수 DIY

Shopping Mall Sense 63. 쇼핑몰 메인 페이지의 메뉴 수정하기
Shopping Mall Sense 64. 이미지 맵 영역과 링크 수정하기
Shopping Mall Sense 65. 눈에 띄는 판촉 아이콘 만들기
Shopping Mall Sense 66. 공지 사항과 이벤트에 적합한 팝업 창 만들기
Shopping Mall Sense 67. 고객을 다시 찾게 하는 할인 쿠폰 만들기
Shopping Mall Sense 68. 장바구니/바로구매 버튼 디자인하기
Shopping Mall Sense 69. 스크롤바의 색상을 쇼핑몰 분위기에 맞춰 바꾸기

Story 08 쇼핑몰을 위한 아주 특별한 프로그램, 그리고 UCC와 블로그

Shopping Mall Sense 70. 강력한 국산 사진 편집 프로그램 포토스케이프
Shopping Mall Sense 71. UCC 마케팅을 위한 동영상 타이틀 만들기
Shopping Mall Sense 72. 마케팅을 위한 블로그 스킨 디자인하기

소개

쇼핑몰 서적 베스트셀러 저자에게 배우는 쇼핑몰 제작 & 유지 보수 디자인 노하우!

예전에는 온라인상에서 쇼핑몰을 시작하는 것이 쉽지 않았습니다. 아이템 선정, 사이트 기획 등이야 어떻게 해본다고 하더라도 웹 디자인과 프로그래밍이 동반된 사이트 구축 과정이 만만치 않았기 때문입니다. 쇼핑몰 구축에 필요한 요소 중 가장 중요한 것은 누가 뭐래도 ‘디자인’인데, 아무리 좋은 상품을 판매한다고 해도 고객에게 시각적으로 어필하지 못하면 외면받기 십상입니다.

이 책에는 쇼핑몰 창업 준비부터 제작, 운영에 이르기까지 모든 단계에서 활용할 수 있는 쇼핑몰 디자인에 대한 정보가 담겨 있습니다. 최신 쇼핑몰 트렌드, 쇼핑몰 디자인 기획, 매출과 직결되는 상품 페이지 디자인 노하우에 대해 배우면서 쇼핑몰 디자인의 감각을 키우고, 국내 3대 쇼핑몰 솔루션인 메이크샵, cafe24, 후이즈몰 서비스를 이용하여 방문객들이 가장 선호하는 3가지 스타일의 퀄리티 높은 쇼핑몰을 자신이 직접 만들어 볼 수 있습니다.
초보자들은 포토샵을 이용하여 쇼핑몰 구성 요소들을 만드는 과정을 통해 디자인의 기본기를 익힐 수 있으며, 쇼핑몰을 모두 제작한 후에는 마케팅을 위한 블로그 스킨 디자인, UCC를 위한 타이틀 이미지 디자인 방법에 대해 배웁니다.

쇼핑몰은 처음 만드는 과정도 중요하지만, 끊임없이 업그레이드 하고 보수하는 관리 과정이 더 중요합니다. 이 책에서는 로고, 상품 메뉴, 서비스 메뉴, 배너 등의 쇼핑몰 요소 디자인에 대해서도 자세히 배우기 때문에 운영자들이 자신의 쇼핑몰을 스스로 관리하는 능력을 키우는 등 이 책 한 권이면 쇼핑몰 디자인의 모든 것을 배울 수 있습니다.

* 메이크샵, 카페24, 후이즈몰 서비스를 활용하여 쇼핑몰 운영자와 방문객들이 가장 선호하는 3가지 유형의 쇼핑몰을 직접 제작합니다.

* 로고, 상품 메뉴, 서비스 메뉴, 배너 등의 요소들을 디자인하면서 쇼핑몰 제작과 유지 보수 노하우를 확실히 배웁니다.

* 많은 독자들이 책으로 공부하기 어려워하는 포토샵의 ‘패스’ 작업과 ‘타입 툴’ 활용법! 이 책의 부록 CD에는 저자가 독자들을 위해 직접 만든 동영상 강좌가 포함되어 있습니다.


서평

쇼핑몰 디자인에 갈증을 느끼는 독자들에게 한 모금 시원한 생수 같은 책!

쇼핑몰을 창업할 때 상품구입비, 광고홍보비, 그리고 쇼핑몰 구축(디자인) 비용이 지출의 가장 많은 비중을 차지합니다. 그러므로 만약 창업자 자신이 직접 쇼핑몰을 디자인하고 구축한다면 예산의 상당 부분을 절감할 수 있습니다. 최근에는 인터넷 쇼핑몰 창업자들을 위한 쇼핑몰 솔루션 서비스가 매우 활성화 되어 있기 때문에 큰 비용 부담 없이 쇼핑몰을 시작할 수 있는데, 이런 이유로 많은 쇼핑몰 창업자들이 오픈마켓이나 쇼핑몰 솔루션을 이용하여 사업을 시작합니다.
이 책에서는 국내 쇼핑몰 솔루션 시장의 80~90% 이상을 점유하고 있는 3대 임대형 쇼핑몰 솔루션인 메이크샵, 카페24, 후이즈몰의 주요 기능과 특징들을 활용하여 실제 쇼핑몰을 제작하는 방법에 대해 배웁니다. 책을 통해 만들 수 있는 쇼핑몰은 실제 쇼핑몰 유형 중 많은 비율을 차지하고 있는 ‘편안하고 자연스러운 스타일의 쇼핑몰’, ‘트렌디한 스타일의 쇼핑몰’, ‘깔끔하고 모던한 스타일의 쇼핑몰’ 3가지입니다.

이 책을 통해 쇼핑몰 솔루션 서비스를 활용하여 비용 대비 고효율의 쇼핑몰을 제작, 운영하는 노하우를 배울 수 있습니다.


특징

Story 01. 후회 없는 쇼핑몰 솔루션 선택하기
예전에는 온라인상에서 쇼핑몰을 시작하는 것이 그다지 쉽지 않았습니다. 아이템 선정, 사이트 기획 등이야 잘 생각해서 어떻게 해본다고 하더라도 웹 디자인과 프로그래밍이 동반된 사이트 구축 과정이 만만치 않았기 때문이죠. 전자상거래 시장이 폭발적으로 증가하자 소호 쇼핑몰 창업자들이 좀 더 쉽게 사업을 시작할 수 있도록 도와주는 쇼핑몰 솔루션 업체들이 생겨나기 시작했습니다. Story 01에서는 쇼핑몰 솔루션은 어떤 것들이 있고, 디자인적으로 어떤 차이점이 있는지 살펴봅니다.

Story 02. 쇼핑몰 구축의 첫걸음, 디자인 감 잡기
쇼핑몰 구축 요소 중 가장 중요한 것을 선택하라고 한다면 주저하지 않고 ‘디자인’을 꼽을 것입니다. 물론 상품의 콘텐츠, 퀄리티 그리고 웹 사이트를 원활하게 운영할 수 있는 프로그래밍 등도 중요한 요소들입니다. 그러나 아무리 좋은 상품이라도 일단 고객에게 시각적으로 어필하지 못하면 외면받기 십상입니다. ‘보기 좋은 떡이 먹기도 좋다’라는 속담이 괜히 있는 것은 아니겠죠? Story 02에서는 한 번 쇼핑몰에 들어온 고객이 반드시 다시 찾아오도록 쇼핑몰을 디자인하는 다양한 노하우를 배워봅니다.

Story 03. 쇼핑몰 디자인 DIY(기초 편)
쇼핑몰을 자신이 원하는 형태로 직접 디자인하기 위해서는 몇 가지 사전 지식이 필요합니다. Story 03에서는 쇼핑몰 디자인을 위한 포토샵의 사용법, 사진 보정 방법, HTML의 기본에 대해 배워봅니다. 물론 디자인 관련 프로그램들을 귀신처럼 사용할 줄 안다고 해서 멋진 디자인을 만들 수 있는 것은 아닙니다. 멋진 디자인은 복합적인 요소에 의해 만들어지므로 좋은 쇼핑몰 디자인과 작품들을 인터넷을 통해 자주, 많이 접하여 평소에 감각을 키워두는 것이 좋습니다.

Story 04. 메이크샵으로 구축하는 편안하고 자연스러운 스타일의 쇼핑몰
Story 04에서는 3대 쇼핑몰 디자인 솔루션 업체 중 하나인 메이크샵의 쇼핑몰 솔루션을 이용하여 직접 쇼핑몰 페이지를 디자인 해봅니다. 메이크샵 서비스를 통해서는 편안함과 자연스러움을 콘셉트로 하여 홈인테리어용품 쇼핑몰을 만들어 봅니다. 스타일 분석과 디자인 기획을 거쳐 메인 페이지를 완성하면 어떤 모습의 쇼핑몰들이 만들어질까요?

Story 05. cafe24로 구축하는 트렌디한 스타일의 쇼핑몰
Story 05에서는 메이크샵과 더불어 높은 인지도를 가지고 있는 cafe24의 솔루션을 이용하여 여성 의류 쇼핑몰을 만들어 봅니다. 여성 의류는 전체 쇼핑몰 중 무척 큰 시장을 형성하고 있기 때문에 그만큼 경쟁도 치열합니다. 하지만 이 책만 잘 따라 하면 공부도 하고 공짜로 멋진 여성 의류 쇼핑몰을 하나 얻을 수 있으니 일석이조겠죠?

Story 06. 후이즈몰로 구축하는 깔끔하고 모던한 스타일의 쇼핑몰
앞서 2개의 쇼핑몰을 만들면서 쇼핑몰 솔루션을 활용하여 쇼핑몰을 구축한다는 것이 어떤 건지 개념과 방법을 알게 되었을 것입니다. Story 06에서는 또 하나의 대표 쇼핑몰 솔루션 업체인 후이즈몰의 서비스를 이용하여 깔끔하고 모던한 스타일의 노트북용품 쇼핑몰을 만들어 봅니다.

Story 07. 구축보다 더 중요한 쇼핑몰 유지 보수 DIY
쇼핑몰은 만드는 것도 중요하지만, 관리하는 게 몇 배는 더 힘든 일입니다. Story 07에서는 쇼핑몰에서 메뉴, 버튼, 팝업 창, 할인 쿠폰 등의 디자인을 수정하여 쇼핑몰을 늘 새롭게 유지하는 방법에 대해 배워봅니다.

Story 08. 쇼핑몰을 위한 아주 특별한 프로그램, 그리고 UCC와 블로그
쇼핑몰을 만들거나 운영할 때 시간과 노력을 절감해 주는 프로그램들을 잘 활용하면 작업 효율을 높일 수 있습니다. Story 08에서는 쇼핑몰 구축과 보수에 활용할 수 있는 유용한 프로그램들에 대해 간단히 살펴보고, 동영상 UCC 타이틀 이미지를 만들어봅니다. 또한 최근에 각광받고 있는 블로그 마케팅을 위해 블로그 스킨을 직접 디자인하여 적용하는 방법에 대해서도 배워봅니다.