전환율 향상을 위한 전자상거래 제품 이미지 최적화

게시 됨: 2023-02-23

요약: 감각적인 제품 경험의 부족은 항상 온라인 상점의 단점이었습니다. 고객이 항목을 잡거나 만질 수 없는 전자 상거래에서 제품 이미지와 시각적 요소는 판매를 성사시킬 수 있습니다. 따라서 제품 이미지는 쇼핑객이 전환하도록 설득할 수 있는 충분한 정보를 제공하는 것이 필수적입니다.

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

저자: 마틴 그리프

8분 읽기

이 게시물은 전자상거래 시리즈의 일부입니다.

이 기사에서는 전자 상거래 제품 이미지를 최적화하는 방법에 대해 설명합니다.

소개: 전자상거래 제품 이미지가 중요한 이유
1. 제품을 독특하게 만드는 요소 강조
2. 여러 각도와 다양한 상황에서 제품을 보여줍니다.
3. 다양한 색상과 변형으로 제품 표시
4. 이미지가 나타내는 제품을 즉시 명확하게 표시
5. 제품 상세 페이지에 사용자가 제출한 비주얼 포함
6. 전자상거래 제품 상세 페이지에 동영상 추가
7. 증강 현실(AR)에 대한 투자 고려
결론: 전자 상거래 제품 이미지가 쇼핑객을 위해 그림을 그리게 하십시오.

소개: 전자상거래 제품 이미지가 중요한 이유

감각적이고 경험적인 세부 사항의 부재는 전자 상거래에 골칫거리입니다. 실제 매장에서 쇼핑객은 예를 들어 안경을 착용하고 드레스의 질감을 느끼고 소파의 크기를 평가할 수 있습니다.

이는 고객이 온라인에 접속하지 않는 것이며 잠재적인 전환 장벽 입니다. 쇼핑객이 전자 상거래 상점에서 구매하지 않는 이유입니다. 따라서 시각적 미디어는 고객이 오프라인 매장에서 얻는 감각적 경험의 부족을 완화하는 탁월한 작업을 수행해야 합니다.

잘 표현된 전자 상거래 이미지는 제품을 더 매력적이고 바람직하게 보이게 할 뿐만 아니라 잠재적으로 판매를 증가시킵니다. 또한 고객이 정보에 입각한 구매 결정을 내릴 수 있도록 도와줍니다 . 이것은 …

  • 낮은 온라인 반품률,
  • 재고 관리에 대한 부담을 최소화하고
  • 고객의 신뢰와 만족도를 높입니다.

또한 전자 상거래 제품 이미지는 검색 엔진 최적화(SEO)에서 매우 중요합니다. 검색 결과에서 제품의 가시성을 향상시켜 고객이 제품을 발견하고 구매할 가능성을 높일 수 있습니다.

다음은 전자 상거래 제품 이미지와 시각 자료가 항목을 정확하게 나타내고 고객 기대치를 적절하게 설정하도록 하는 팁입니다.

1. 제품을 독특하게 만드는 요소 강조

유사한 품목을 판매하는 경우 한 품목이 어떻게 다른지 쉽게 식별할 수 있어야 합니다. 제품 이미지를 통해 제품을 차별화하는 요소를 강조하십시오.

예를 들어 온라인 문구점인 JetPens에는 만년필 제품 이미지가 있습니다. 펜촉 크기가 다른 펜을 판매합니다(예: 미세, 중간, 넓음 등). 그러나 각 펜의 차이점은 광각 사진을 보는 것만으로는 감지하기 어렵습니다.

따라서 각 펜촉 크기에 대해 JetPens에는 펜촉을 가까이서 보여주는 망원 또는 확대 제품 이미지가 있습니다. 이렇게 하면 고객이 펜촉의 각인과 펜촉 끝의 모양을 볼 수 있습니다.

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

JetPens의 제품 세부 정보 페이지에서 고객은 선호하는 펜촉 크기, 펜촉 색상 및 바디 색상을 선택할 수 있습니다. 이 페이지는 만년필의 광각 샷과 클로즈업을 포함한 다양한 제품 이미지를 캡이 있거나 없는 상태로 보여줍니다. 표시되는 제품 이미지는 사용자가 선택한 펜촉 크기, 펜촉 색상 및 바디 색상에 따라 달라집니다.

유사한 품목을 판매할 때 제품이 다른 제품과 다른 점을 즉시 전달하지 않는 전자 상거래 제품 이미지는 사용자 경험(UX)에 마찰을 일으킵니다. 제품을 독특하게 만드는 것이 무엇인지 알아내야 하는 것은 사용자의 두뇌를 지치게 할 것입니다. 이는 구매자가 구매를 추진하지 못하게 할 수 있습니다.

온라인 마케터가 뇌에 대해 알아야 할 9가지
더 읽어보기

2. 여러 각도와 다양한 상황에서 제품을 보여줍니다.

고객은 다른 각도에서 제품을 볼 수 없기 때문에 장바구니에 제품을 추가하는 것을 주저할 수 있습니다. 고객은 제품을 옆에서, 뒤에서, 가까이에서 볼 수 있어야 제품을 더 잘 평가할 수 있습니다.

전자상거래 제품 이미지를 사용하여 다양한 각도에서 항목을 보여주는 예

쇼핑객에게 제품에 대한 명확하고 자세한 정보를 제공하기 위해 이미지를 활용하는 데 뛰어난 웹사이트는 KateSpade.com입니다. 제품 상세 페이지(PDP)에는 제품의 전면, 측면 및 상단을 보여주는 여러 사진이 포함되어 있습니다.

Collage of different e-commerce product images included in a product detail page for a pink bag

케이트 스페이드의 상품 상세 페이지는 가방의 전면, 상단, 측면을 보여줍니다. 가방의 로고 플레이트의 클로즈업 샷도 포함되어 있습니다.

이 웹사이트는 PDP에서 제품을 상황에 맞게 보여주는 시각화 모달을 사용합니다. 예를 들어 쇼핑객은 모델의 키와 신체 크기를 구성하여 핸드백이 어떻게 보일지 더 잘 상상할 수 있습니다. 위젯을 사용하면 휴대폰이나 물병과 같은 다른 항목 옆에 제품을 놓을 수 있으므로 사용자는 가방의 크기를 더 잘 이해할 수 있습니다.

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

KateSpade.com의 시각화 모달을 통해 사용자는 모델의 키와 신체 크기를 변경할 수 있습니다.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

모달을 사용하면 사용자가 가방을 iPhone 및 물병과 같은 일상 용품 옆에 놓고 제품 내부에 맞는 것을 더 잘 평가할 수 있습니다.

구매자의 불확실성을 최대한 최소화합니다 . 고품질 제품 이미지를 사용하여 쇼핑객에게 제품에 대한 자세한 정보를 제공하세요. 여기에는 다양한 관점에서 항목을 표시하고 해당하는 경우 컨텍스트 및 규모를 위해 일상 항목 옆에 두는 것이 포함됩니다.

3. 다양한 색상과 변형으로 제품 표시

제품이 여러 색상으로 제공되는 경우 사용 가능한 각 색상으로 제품을 표시하는 사진을 포함하십시오. 이러한 방식으로 쇼핑객은 옵션을 쉽게 시각화하고 정보에 입각한 구매 결정을 내릴 수 있습니다.

전자 상거래 제품 이미지에서 사용 가능한 색상 표시 예

JetPens.com에서는 쇼핑객이 특정 만년필의 변형을 쉽게 찾을 수 있습니다. 그들의 PDP는 펜이 사용할 수 있는 모든 바디 색상과 결합할 수 있는 펜촉 크기 및 색상을 보여줍니다.

사용자가 특정 바디 색상을 클릭하면 해당 색상의 만년필 이미지가 여러 개 표시됩니다. 각 색상에는 고유한 제품 이미지 세트가 있습니다. 만년필의 캡을 씌운 사진과 캡을 푼 사진, 캡 끝을 클로즈업한 사진, 사용 중인 펜 사진 등입니다.

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

상단: 14K 파인 닙이 있는 블랙 Sailor Pro Gear Slim 만년필의 제품 상세 페이지. 하단: 동일한 만년필의 연한 녹색 변형용 PDP이지만 14K 미디엄 파인 펜촉이 있습니다.

다양한 색상 옵션을 표시하면 웹사이트의 판매 가능성이 높아질 수 있습니다. 고객은 자신이 좋아하고 선호하는 색상을 찾을 가능성이 높아져 전환율이 높아집니다. 그러나 선택 사항을 제시하는 방법에 주의하십시오. 너무 많은 옵션은 사용자를 압도할 수 있으며 전환에 해로울 수 있습니다.

4. 이미지가 나타내는 제품을 즉시 명확하게 표시

전자 상거래 웹사이트에서 쇼핑객의 경험은 가능한 한 쉬워야 합니다. 그렇지 않으면 그들은 다른 날짜를 결정하는 것을 미룰 수 있습니다.

고객은 귀하의 웹사이트에서 무언가를 파악하는 데 많은 노력을 기울이지 않아야 합니다. 예를 들어, 제품 이미지가 무엇을 나타내는지 즉각적으로 명확해야 합니다. 쇼핑객은 판매 중인 제품이 그림의 어디에 있는지 식별하려고 시간을 낭비할 필요가 없습니다.

예를 들어 이 바나나 리퍼블릭 PDP를 살펴보겠습니다. 제품 이미지는 하나뿐입니다. 모델이 여러 가지를 착용한 사진이라 어느 것이 '쁘띠 롤커프 탑'인지 불명. 또한 제품은 재킷 안에 착용하고 바지 안에 집어넣기 때문에 거의 보이지 않습니다. 쇼핑객은 제품의 특징인 "롤 커프스" 부분을 포함하여 상단의 대부분을 볼 수 없습니다.

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

단 한 장의 사진만 있는 "쁘띠 롤 커프 탑" 바나나 리퍼블릭 상품 상세 페이지.

사용자 로드를 줄여 전자상거래 쇼핑객이 쉽게 결정할 수 있도록 합니다 . 제품이 이미지의 어디에 있는지 즉시 명확하지 않으면 방문자에게 인지 및 시각적 부하를 추가하는 것입니다. 그것은 전환에 좋지 않습니다.


전자상거래 웹사이트에서 전환 장벽을 식별하십시오.

전문가의 도움을 받고 새로운 수익 기회를 찾으십시오.

CRO 감사 및 검토에 대해 알아보기

5. 제품 상세 페이지에 사용자가 제출한 비주얼 포함

사회적 증거는 항상 온라인 쇼핑객이 구매할 때 가장 많이 활용하는 지름길 중 하나였습니다. 요즘 사회적 증거는 다른 고객이 제출한 텍스트 리뷰에 국한되지 않습니다. 온라인 고객은 이제 제품 구매 여부를 결정하기 위해 사용자 생성 시각 자료에 의존합니다.

Bazaarvoice의 2022년 연간 쇼핑객 경험 지수에 따르면 미국 소비자의 71%가 제품 페이지에서 사용자가 제출한 사진이 제품 구매 가능성을 높인다고 말합니다.

사용자가 제출한 비주얼을 사회적 증거로 활용한 사례

사용자가 제출한 영상의 힘을 활용하려는 회사 중 하나는 Dr. Martens입니다. 웹사이트의 PDP에는 제품을 착용한 실제 고객의 온라인 갤러리가 포함되어 있습니다. 사진은 실제 사람들이 착용한 다양한 실제 환경에서 제품을 보여주기 때문에 설득 요소 로 작용합니다. 예를 들어, 잠재적 구매자가 샌들 한 켤레가 발에 어떻게 보일지, 다른 의상과 짝을 이룰 때 어떻게 보일지 시각화하는 데 도움이 됩니다.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

DrMartens.com의 PDP에는 "리뷰" 섹션 외에도 사용자가 제출한 사진을 표시하는 "Worn by You" 영역이 있습니다. 이 섹션은 인스타그램에 연결되어 있으며 구매자는 사진을 업로드하고 갤러리에 소개되기를 원하는 경우 Dr. Martens를 태그할 수 있습니다.

사용자 생성 콘텐츠(UGC) 프로그램을 "게임화 " 하여 고객 영상을 수집할 수 있습니다. Bazaarvoice의 2022년 구매자 선호도 보고서에 따르면 전 세계 소비자의 77%가 보상을 위해 UGC를 제출하겠다고 말했습니다.

예를 들어 Anthropologie.com은 쇼핑객이 매달 추첨을 통해 사진과 함께 리뷰를 제출하도록 유도합니다.

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie는 쇼핑객이 "only-at-Anthro Sweepstakes"를 통해 구입한 가구에 대한 리뷰를 남기도록 설득합니다. 웹사이트의 "리뷰" 페이지에는 프로모션의 메커니즘이 나열되어 있으며 베스트셀러 제품을 받으려면 고객이 "제품 사진과 함께 가구 리뷰를 제출"해야 한다고 명시되어 있습니다.

고객이 제출한 시각 자료의 중요성과 일반적인 사회적 증거 활용에 대해 자세히 알아보십시오. "전환율을 최적화하기 위한 8가지 고객 리뷰 모범 사례"를 읽어 보십시오.

6. 전자상거래 제품 상세 페이지에 동영상 추가

실시간 스트리밍 쇼핑의 인기가 높아지고 있습니다. 실시간 가상 쇼핑 이벤트를 주최하는 회사는 "기존 웹사이트 전환율이 10배 이상"이라고 보고하기도 했습니다.

온라인 쇼핑객이 라이브 쇼핑 이벤트를 좋아하는 한 가지 이유는 제품을 맥락과 다양한 각도에서 볼 수 있기 때문입니다.

라이브 스트림은 고객이 크기나 재질과 같은 제품 정보를 더 잘 이해할 수 있도록 도와줍니다. 그렇지 않으면 정적 이미지나 텍스트 설명에서 얻을 수 없는 세부 정보입니다.

라이브 스트리밍 쇼핑에 손대지 않더라도 사람들이 라이브 스트리밍에 대해 좋아하는 몇 가지 측면을 전자 상거래 웹사이트에 통합 할 수 있습니다.

예를 들어 옷을 판매하는 경우 모델이 착용한 아이템을 보여주는 비디오를 제품 상세 페이지에 추가할 수 있습니다. 그렇게 하면 구매자가 재료와 핏을 더 잘 평가할 수 있습니다.

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Asos.com의 PDP에 있는 비디오를 통해 쇼핑객은 드레스의 소재와 핏을 평가할 수 있습니다. 모델이 드레스를 입고 걸어다니는 모습은 "폴리에스터 100%의 윤기 있고 드레이프하며 실키한 부드러운 새틴 스타일 패브릭"이라는 텍스트 설명보다 더 시각적인 인상을 줍니다.

또는 라이브 쇼핑 플레이북에서 바로 전략을 채택할 수 있습니다. 제품의 기능과 사용 방법을 보여주는 영업 담당자의 비디오를 포함하십시오.

예를 들어 Nordstrom은 제품에 대해 이야기하는 판매 담당자의 짧은 비디오가 포함된 패션 아이템용 PDP를 보유하고 있습니다. 그들은 소재와 핏을 설명하고 항목에 대한 특정 세부 사항을 강조합니다.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Nordstrom 스타일리스트가 PDP 비디오에서 하이 웨이스트 청바지에 대해 이야기합니다. 그녀는 청바지의 질감에 대해 논의하고 직물의 신축성을 시연합니다. 그녀는 또한 바지와 짝을 이룰 수 있는 상의와 신발을 추천합니다.

실시간 라이브 쇼핑 이벤트는 모든 사람에게 적합하지 않을 수 있습니다. 그러나 전자 상거래 웹사이트는 PDP에 비디오를 추가하는 것과 같이 구매자에게 제품에 대한 보다 풍부한 세부 정보를 제공하는 보다 매력적인 방법을 탐색하는 데 적합합니다.

전환율을 최적화하기 위한 8가지 고객 리뷰 모범 사례


고객 리뷰를 통해 사회적 증거의 힘을 활용하십시오.

더 읽어보기

7. 증강 현실(AR)에 대한 투자 고려

증강현실(Augmented Reality, AR)은 전자 상거래에서 증가하고 있습니다.

일부 온라인 매장에서는 부족한 감각적 상품 정보를 AR을 통해 보완하고 있다. 이 기술은 실제 세계에 디지털 정보를 레이어링하여 쇼핑객이 전자 장치를 통해 제품을 가상으로 상호작용하고 테스트하고 입어볼 수 있도록 합니다. 예를 들어 쇼핑객은 AR을 통해 소파가 집에 어떻게 어울리는지 확인할 수 있습니다.

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

IKEA의 AR 앱을 사용하면 쇼핑객이 실제 크기의 3D 모델을 자신의 공간에 가상으로 배치할 수 있습니다. 이 앱을 통해 고객은 제품이 집에 어떻게 어울리는지 확인할 수 있습니다. 이미지 출처: 이케아

AR을 통해 쇼핑객에게 보다 상황에 맞는 시각적 정보를 제공하면 구매하는 제품이 기대에 부합할 것이라는 쇼핑객의 확신을 높일 수 있습니다. 이는 결과적으로 반품률을 낮추고 고객 만족도를 높이며 브랜드 충성도를 높일 것입니다.

2022년 Bazaarvoice Shopper Experience Index(2021년 12월부터 2022년 1월까지 데이터 수집)에 따르면 글로벌 쇼핑객의 12%만이 자신감 있게 구매할 때 "5가지 필수 요소"에 증강 현실을 포함했다는 점에 유의해야 합니다.

따라서 증강 현실은 판매하는 제품 유형에 따라 전자 상거래 전환율 최적화 도구 상자에 필수적이지 않을 수 있습니다 . 일부 산업의 경우 팬데믹은 증강 현실 테이블 스테이크를 만들었습니다.

뷰티 산업의 증강 현실

예를 들어 뷰티 브랜드 L'Oreal은 AR 기술을 사용하여 고객이 COVID가 발생하기 전부터 가상으로 제품을 사용해 볼 수 있도록 했습니다. 그리고 팬데믹 이전에도 이 기술을 사용하여 미용 회사의 매출이 3배 증가했습니다.

팬데믹으로 인해 메이크업 브랜드, 심지어 매장 내 경험을 위한 가상 체험이 필수가 되었습니다. 쇼핑객은 위생 및 안전 문제로 인해 더 이상 물리적으로 메이크업 샘플을 사용해 볼 수 없기 때문에 예를 들어 미용 제품이 피부 톤을 보완하는지 확인하기 위해 증강 현실에 의존합니다.

L'Oreal의 자회사인 NYX Professional Makeup은 쇼핑객이 자신에게 가장 적합한 상품을 선택할 수 있도록 AR을 사용하여 몇 가지 올바른 점을 얻었습니다. 그 중 하나는 쇼핑객이 가상으로 입어볼 수 있는 항목을 카테고리 페이지에 즉시 명확하게 표시하는 것입니다.

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

NYX의 카테고리 페이지에 있는 제품 이미지의 왼쪽 상단 모서리에 있는 "사용해 보세요" 콜아웃은 고객이 AR을 통해 항목을 미리 볼 수 있음을 시각적으로 표시하는 역할을 합니다.

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

NYX의 제품 상세 페이지에는 제품 이미지 아래에 "사용해 보세요" 행동 유도 고스트 버튼이 있습니다.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

뷰티 브랜드의 가상 착용은 고객이 라이브 카메라를 사용하거나 사진을 업로드하거나 모델을 선택하여 제품을 샘플링할 수 있습니다.

증강 현실이 전자 상거래에 중요한가요?

AR 및 3D 상거래 전문 회사인 Vertebrae의 2020년 데이터에 따르면 AR에 참여하는 소비자는 그렇지 않은 소비자에 비해 전환율이 90% 증가합니다.

Shopify는 또한 2021년 9월에 AR이 전환율에 미치는 영향에 대한 신뢰할 수 있는 연구가 아직 많지 않았지만 내부 데이터는 AR의 강력한 잠재력을 보여주었다고 언급했습니다.

따라서 비즈니스에 적합하고 리소스가 있는 경우 고객이 증강 현실을 통해 제품을 미리 보고 상호 작용할 수 있도록 하는 것이 좋습니다. 결국 2025년까지 전 세계 거의 75%의 사람들과 거의 모든 스마트폰 사용자가 AR 사용자가 될 것으로 예측됩니다.

SnapAR 및 Meta Spark와 같은 애플리케이션을 활용하여 쇼핑을 위해 AR에 발을 담글 수 있습니다. 그러나 이러한 앱에도 기술적인 능력이 필요하다는 점에 유의하십시오. AR 환경에서 사용할 아트나 3D 모델을 만들 전문 지식을 갖춘 사람이 필요합니다.

결론: 전자 상거래 제품 이미지가 쇼핑객을 위해 그림을 그리게 하십시오.

방문자가 전자 상거래 웹사이트에서 구매하도록 하려면 자신 있게 결정하는 데 필요한 정보를 제공하세요 . 이를 달성하는 한 가지 방법은 제품을 정확하게 나타내는 고품질 이미지와 시각 자료를 사용하는 것입니다.

만약 너라면 …

  • 제품의 고유한 기능을 강조하고,
  • 다양한 관점에서 항목을 보여주고 다양한 상황에서 사용됩니다.
  • 다양한 색상과 변형으로 제품을 제시하고,
  • 사진이 어떤 제품을 나타내는지 즉시 알 수 있도록 합니다.
  • 사용자가 제출한 시각 자료 포함,
  • PDP에 비디오를 추가하고
  • 증강 현실 활용(비즈니스에 적합한 경우)

... 쇼핑객이 웹사이트에서 전환할 가능성을 높이고 상품을 반품할 가능성을 낮추며 전반적으로 긍정적인 고객 경험을 창출할 수 있습니다 .

전환 전문가와 상담하세요

30분만 시간을 주시면 더 나은 결과를 얻을 수 있는 방법을 알려드리겠습니다.

지금 전화 예약
지금 전화 예약