copyright © ebaykorea. all rights reserved. (주)이베이코리아의 동의 없이 해당 문서의 무단 전제/복사를 금지 합니다. 매뉴얼 버전은 별도의 안내 없이 변경, 업데이트 될 수 있음을 알려드립니다

Update 2016.11

1) 브랜드형 안내

2) 디자인관리

3) 전시관리

4) 모바일전시관리

#. 브랜드형 설정 관리

1) 브랜드형 안내

1. 브랜드형이란?

추천테마에 새롭게 추가된 신규 레이아웃 형태로, 기존의 레이아웃에 비해 전시관리 자유도가 높은 편이므로전시 설정에 따라 판매 브랜드의 상징성을 미니샵/스토어 전면에 적극적으로 노출할 수 있습니다.특정 브랜드만 판매하는 샵이나 다양한 카테고리 상품을 대량 보유한 온라인 유통사 등이 사용하기에 적합한 형태이며.대상 범위가 아니더라도 플러스 레벨을 이용 중인 샵이라면 모두 이용이 가능합니다.

예시 1 : SK2, LAP, 디즈니 등의 공식 브랜드 입점 사예시 2 : 롯데, 신세계, 현대, 갤러리아, AK몰, 마리오아울렛 등 백화점 및 아울렛 또는 마트 판매자 샵예시 3 : MANGO, 에잇세컨즈, 임블리 등 SPA 브랜드 또는 소호 판매자 샵

2. 브랜드형 설정 방법

기존의 미니샵/스토어 관리와 동일하게 가장 먼저 ‘디자인관리’ 에서 단계별 유형을 선택하신 후 ‘전시관리’ 메뉴로 이동하여 상세 설정을관리합니다.

설정 1 : 미니샵/스토어 관리 > 디자인관리 > 2단계 레이아웃 설정 시 ‘브랜드형’ 유형을 선택합니다.설정 2 : 미니샵/스토어 관리 > 전시관리 > 메뉴별 미리보기 화면에서 ‘전시관리하기’ 팝업을 통해 전시영역별 설정을 저장합니다.

본 문서는 ‘브랜드형’ 레이아웃 유형과 관련된 관리 방법과 활용 팁 등이 담긴 전용 가이드 문서입니다.미니샵/스토어 관리를 처음 접하는 분이시라면, 각 메뉴별 설정 방법을 먼저 참고하신 후 본 문서를 보시는 것을 권장합니다. ESM+ > 미니샵/스토어 관리 메뉴별 상세 관리 방법을 보시려면, 메뉴명별로 파일 구분된 매뉴얼 문서를 참고 해 주시기 바랍니다.

통합 매뉴얼 다운받기

1) 브랜드형 안내

2) 디자인관리

3) 전시관리

4) 모바일전시관리

#. 브랜드형 설정 관리

2) 디자인 관리

1 레이아웃 선택- 플러스 전용 유형에서 ‘브랜드형’ 선택

2 스킨선택- Brand Type을 선택하세요. - ‘샘플보기’ 클릭 시 예시 이미지 확인이 가능합니다.

3 컬러선택- 10가지 종류 중 원하는 컬러를 선택하세요.

4 최종 반영하기- 설정 완료 후 항시 하단 ‘최종 반영하기’ 를 선택하

여야 실제 Shop 화면에 반영됩니다.- 최종 반영하기 저장 후 ‘전시관리’ 로 이동합니다.

1

2

3

4

1) 브랜드형 안내

2) 디자인관리

3) 전시관리

4) 모바일전시관리

#. 브랜드형 설정 관리

3) 전시관리_브랜드형 구조 안내

※ 메인화면

1 기존 레이아웃 유형- 기존 유형은 네비게이션 영역이 항상 좌/우에존재하는 형태로 추천테마의 경우도 상단우측(세번째) 유형의 구조로 통일되었으며, 전시영역 노출 또한 메인이미지-상품-서브이미지-상품 순으로 공통된 노출 형태입니다.

2 브랜드형- 브랜드형은 기존유형과 달리 네비게이션 영역없이 바디영역을 넓게 쓰는 형태로 구성됩니다.

※ 카테고리/검색결과

- 카테고리/검색결과는 기존 유형과 동일하게좌,우 선택으로 네비게이션을 노출하거나,메인화면과 같이 네비게이션이 없는 바디영역전용유형으로도 레이아웃 선택이 가능합니다.

- 레이아웃 설정 변경은 디자인관리에서 변경하는 기존 유형과 달리 전시관리>카테고리>전시관리팝업에서 변경 가능하며, 카테고리와 검색결과 화면이 동시 적용됩니다.

- 전시관리 > 카테고리의 경우 레이아웃 유형과관계없이 특정 카테고리에 원하는 이미지 배너를 노출할 수 있으며, 이는 모바일에도 공통적용이 가능합니다.

※ 상품상세는 별도 페이지로 관리되므로, 브랜드형 또한 기존과 동일하게 설정 적용.

브랜드형

1 2

3) 전시관리_메인화면_브랜드형 기본 노출

1 전시관리팝업 노출- 전시영역별로 마우스오버 시 화면과 같이전시관리하기 버튼으로 보여집니다.

- 버튼 클릭 시 전시관리팝업이 열립니다.- ESM 화면 상단 우측에 고정으로 노출된‘전시관리하기’ 버튼을 통해서도 마찬가지로팝업 노출이 가능합니다. (상단 버튼을 통해 진입 시,전시관리팝업 초기상태로 노출되며 특정 전시영역을 통해 진입 시 해당 전시영역 관리화면이 바로 보여짐)

2 초기화버튼- 초기화 버튼 실행 시, 브랜드형 선택 초기 상태로 전환됩니다.

- 전시관리 설정 중 미리보기 화면이 나오지않거나, 설정한 내용이 미리보기 또는 실제미니샵/스토어에 반영되지 않을 경우 초기화실행을 통해 정상 복구 되는 경우가 있으므로유사 오류 확인 시 초기화 버튼 실행 후 관리하시기바랍니다.

3 Shop로고- 정보관리 > 상세정보관리 > Shop로고 등록 시, Shop이름 영역 이미지로 노출됩니다.

- 로고 미등록 시 텍스트로 노출됩니다.(정보관리 > 상세정보관리 >Shop이름)

4 기본 노출 설정- 초기 접속 시, 기본값으로 상품전시영역 1개노출됩니다.

5 최종 반영하기- 설정 완료 후 화면별로 반드시 최종 반영하기저장을 반드시 실행하시기 바랍니다.

1

12

3

4

5

3) 전시관리_메인화면_브랜드형_전시관리팝업_기본 노출

1 선택불가한 전시영역- 선택 되지 않는 영역은 판매자가 수정할 수 없는 고정 노출 영역으로, 샵정보,샵이름 영역은전시관리 설정 불가능합니다.

2 노출 전시영역- 흰색으로 보여지는 전시영역은 실제 Shop 화면에 노출중인 상태를 의미하며, 브랜드형 초기설정 시에는 상단영역 및 카테고리버튼과상품전시영역 1개가 기본 노출되므로, 화면과같이 색 구분 표기 됩니다.

3 비노출 전시영역- 회색 전시영역은 비노출 상태로 전시영역 선택후 ‘노출’ 로 전환하여 설정 가능합니다.

4 기능버튼 예외 적용- 브랜드형의 경우, 플러스전용 유형 선택 시 해

당 영역에 고정 노출되는 기능 버튼(노출/비노출설정, 전시영역위치변경, 전시영역 추가)이노출되지 않습니다.

• 노출/비노출 설정 : 브랜드형은 별도의 레이아웃을사용하며 기존에 없던 전시영역이 존재하므로, 각전시영역을 선택하여 노출/비노출 설정 저장합니다.

• 전시영역 위치 변경 : 브랜드형은 전시영역을 원하는 전시 콘텐츠로 선택 노출 할 수 있으며, 초기에 노출되는 기본 전시영역또한 ‘비노출’ 로 전환할수 있으므로 별도로 위치 변경을 하지 않습니다.각 전시영역별로 노출/비노출 설정, 전시 콘텐츠변경으로 위치변경과 동일하게 변경 가능합니다.

• 전시영역 추가 : 새로 전시영역을 추가하지 않고, ‘비노출’ 로 기본 설정된 전시1~전시5영역 중 원하는 개수 만큼 노출로 설정 적용이 가능합니다.

1

2

3

4

3) 전시관리_메인화면_브랜드형_상단 전시영역 관리

1 상단 전시영역- Shop 네비게이션 역할을 하는 영역으로전시설정에 따라 가로 폭을 고정 또는 확장하여 설정 가능합니다.

2 색상으로 설정 시- 노출방식을 ‘색상선택’ 으로 설정 시 ‘색상표’버튼을 통해 컬러파레트를 열어 원하는 색으로 지정 하실 수 있습니다.

1 2

• 가로폭 : 고정• 노출방식 : 색상선택/색상 : 흰색• Shop로고 : 이미지로 노출

• 가로폭 : 고정• 노출방식 : 색상선택/색상 : 검정색• Shop로고 : 이미지로 노출(위 경우, Shop로고도 검정색 바탕으로 저장 필수)

• 가로폭 : 확장• 노출방식 : 색상선택/색상 : 검정색• Shop로고 : 이미지로 노출(위 경우, Shop로고도 검정색 바탕으로 저장 필수)

▼ Shop 화면 상단 영역 예시 화면

3) 전시관리_메인화면_브랜드형_상단 전시영역관리_확장형_이미지등록

1 가로폭 확장- Shop의 기본 가로폭은 980px로 확장 선택 시, 980px 이상좌우 영역에 이미지가 노출되는 방식입니다.

- 브라우져를 최대폭으로 확장하여도 확장 영역은 잘리는 지점없이 지속 노출되므로 2*2px 사이즈의 작은 이미지를 반복적으로 노출하는 방식입니다.

- 등록 예시는 하단 Shop 화면 예시로 상세 참고 바랍니다.

2 고정영역- 980*100px 사이즈의 이미지로 등록한 영역입니다.

3 Shop이름 노출 설정- 고정영역과 Shop이름을 모두 이미지로 등록할 경우 Shop이름에 등록한 로고이미지의 바탕 색과 고정영역의 바탕색이 동일한색으로 설정되어야 합니다.

- Shop 이름을 이미지가 아닌 ‘텍스트로 노출’ 설정할 경우, 고정영역에 등록한 이미지의 바탕색과 대비되는 컬러를 선택하여야Shop 이름이 눈에 띄게 구분되어 노출 됩니다.

4 확장영역- 1번 항목에서 설명한 바와 같이, 확장영역은 무제한으로 늘어나노출되는 방식이므로, 2*2px 사이즈의 작은 이미지가 계속반복되어 노출됩니다.

5 이미지등록 시 참고하기- 고정영역에 등록한 이미지가 가능한 양쪽 대칭이 되는 컬러를바탕으로 디자인 할 수록 더욱 자연스러운 노출이 가능합니다.(현재 예시화면과 같이, 좌/우의 디자인이 다른 이미지를 등록할 경우 확장영역과 분리되어 보이므로 디자인 퀄리티 저하)

- 확장영역 이미지는 가능한 고정영역의 양쪽 끝 지점의 컬러와동일한 컬러를 등록해야 연결되는 느낌으로 노출할 수 있습니다.

※ 메인이미지 영역도 상단영역과 동일한 방법으로 고정/확장영역을 설정 할 수 있으며, 상단/메인이미지 영역 모두 ‘확장’ 으로 설정 시, 브랜드샵 아이덴티티 부각에 도움을 줄 수 있습니다.

1

2

34

2*2

5

2*2

2*2

4

▼ Shop 화면 상단 영역 예시 화면

4

2

3

1 전시유형 선택- 메인이미지 전시유형은 총 5가지 유형으로기본형/롤링형/가로분리형/이벤트형/세로분리형 중 택1 가능합니다.

2 유형별 필수 등록 이미지 개수 참고- 가로분리형, 이벤트형, 세로분리형은 유형별로 등록해야하는 이미지 개수가 정해져있으므로 필수 등록이 필요합니다.

가로분리형 : 490*350px 이미지 총 4개

이벤트형 : 980*595px 이미지 총 5개

세로분리형 : 327*700px 이미지 총 3개

3) 전시관리_메인화면_브랜드형_메인이미지 전시영역 관리

1

2

1 확장영역- 상단과 마찬가지로 메인이미지도 확장형으로 사용이 가능합니다.단, 메인이미지 전시유형 중 ‘기본형‘ 선택할 경우에만 적용이가능하며 나머지 유형은 이미지 1개 이상 또는 이미지 영역이분리되어 있어 확장형과 함께 사용 불가능 합니다.

2 샘플보기- 설정 항목별로 ‘샘플보기’ 버튼을 클릭하여 설정 된 예시 이미지를 미리확인하실 수 있습니다.

3) 전시관리_메인화면_브랜드형_메인이미지_확장형

1

2

3) 전시관리_메인화면_브랜드형_상단&메인이미지 적용 예시

▲ 상단 & 메인이미지 모두 ‘고정’ 형태로 적용(흰색) ▲ 상단 & 메인이미지 모두 ‘확장’ 형태로 적용(검정색)

3) 전시관리_메인화면_브랜드형_상품

1 브랜드형 전용 상품 전시유형- 브랜드형은 기본형, 큰이미지형, 세로형 총 3가지의 전용 유형중택1하여 선택 가능합니다.

2 전시정보설정- 초기 설정은 비노출이며, 체크 선택 시 하단 이미지와 같이할인율 및 배송혜택 아이콘이 노출됩니다.

1

2

3) 전시관리_메인화면_브랜드형_전시1~전시5

1 전시1~5영역 설정- 초기 비노출 영역으로, 원하는 전시조건으로 추가 노출이 가능합니다.

2 전시조건선택- 전시조건은 ‘이미지등록, HTML소스 등록, 상품전시‘ 총 3개 유형중 택1 하실 수 있습니다.

* 전시1~5영역 활용

예시1 : 메인이미지 밑으로 상품 영역이 아닌 이미지 배너 등을 추가로노출하고 싶을 경우, ‘상품’ 전시영역을 비노출로 처리한 후전시1 영역을 ‘이미지등록‘ 으로 선택합니다.

예시2 : 메인화면을 모두 상품 노출로 설정할 경우 ‘메인이미지‘ 를비노출 처리한 후, 전시1~5영역의 전시조건을 상품 전시로 설정합니다.

예시3 :모둘별로 나뉘어진 전시영역 설정 없이 자유롭게 메인이미지를꾸미고 싶은 경우 ‘메인이미지’ 영역을 HTML소스 등록으로노출 설정 후, ‘상품’ 및 ‘전시1~전시5’ 영역을 모두 비노출 설정합니다.

1

2

1 브랜드_기본형- 3*4 =12개 노출- 표준 크기의 이미지를 노출합니다.

2 브랜드_큰이미지형- 2*6 = 12개 노출- 상품 대표 이미지와 같이 큰 사이즈 유형입니다.

3 브랜드_세로형- 4*3 = 12개 노출- 이미지를 세로로 긴 직사각형으로 노출하는 형태로, 패션/잡화

카테고리 상품에 사용하기 적합합니다. - 상품 이미지를 직사각형 비율로 등록하는 방식이 아닌

정사각형 이미지의 양쪽 끝 영역을 일부 노출하지 않는 방식으로노출이 필요한 부분이 잘려 보이는 경우가 발생하 수 있습니다.

- 본 예시 화면과 같이 상품 이미지 촬영을 주로 세로 형태로촬영하는 경우에 활용 적합합니다. (예 : ZARA, LAP등의 SAP브랜드)

* 브랜드형 전용 상품전시유형은 ‘메인화면’ 에만 적용되며, 카테고리/검색결과/상품상세 메뉴의 경우 브랜드전용 유형이 별도로 존재하지 않습니다.

3) 전시관리_메인화면_브랜드형 전용 상품전시유형

1

2

3

3) 전시관리_카테고리/검색결과 레이아웃 설정

1 카테고리/검색결과 레이아웃 설정- 레이아웃 유형은 총 3가지로 네비게이션의 위치와 유무에 따라유형이

변경됩니다.- 레이아웃 변경 시, 카테고리/검색결과에 공통으로 적용되나, 변경은

카테고리 메뉴에서만 가능합니다.- 하단의 유형별 예시 화면을 참고하시기 바랍니다.

2 설정 시 주의사항(필독) ★★★★★- 레이아웃 변경 시, 변경 후 다른 전시관리를 이어서 설정하지 않고 반

드시 레이아웃 변경 -> 저장 후 팝업 닫기 -> 팝업 재실행 후 전시영역별 설정 관리 진행

1

▼ 레이아웃 설정 예시 화면

네비게이션/바디네비게이션 좌측에 위치 (초기 기본 설정 값)

바디/네비게이션네비게이션 우측에 위치

바디 전용네비게이션 노출 없이 풀사이즈로 상품 노출.

이 경우, 네비게이션에 노출되는 정보 또한 모두 비노출되며카테고리는 상단 좌측 카테고리 버튼을 통해 이동함

2

1) 브랜드형 안내

2) 디자인관리

3) 전시관리

4) 모바일전시관리

#. 브랜드형 설정 관리

4) 모바일전시관리_메인이미지_브랜드형

1 브랜드형- 메인이미지 전시유형 중 ‘브랜드형’ 을 선택하세요- 메인화면에 이미지를 최대 5개까지 노출할수 있으며, 2가지 사이즈 중 택일하여 적용합니다.

2 이미지추가- 기본 1개 등록이 가능하며, 이미지추가 버튼을선택하여 추가 등록 가능합니다.

- 추가한 영역을 다시 삭제할 경우 ‘이미지 삭제‘ 버튼클릭하여 해당 이미지만 삭제하실 수 있습니다.

1

2

copyright © ebaykorea. all rights reserved. (주)이베이코리아의 동의 없이 해당 문서의 무단 전제/복사를 금지 합니다. 매뉴얼 버전은 별도의 안내 없이 변경, 업데이트 될 수 있음을 알려드립니다