상세 페이지 디자인의 비밀: 효과적인 구매 유도를 위한 디자인 전략

안녕하세요 찐망고입니다.

 

디자인 어렵죠?

이론적인 게 머리에 충만해도 막상 흰 창을 보면 머부터 시작해야 할지 막막하고

그래서 조금 쉽게 풀어보고자 해요.

 

 

제품상세페이지디자인!

상세디자인이라고 하는 그 이미지들.

기억나네요.. 2006년인가 지마켓에 옥수수 판매 상세페이지를 만들어달라던 농부님..

그때 당시엔 뭣도 모르고 내 눈에 이쁘고 내 눈에 이쁘면 그만이지 하는 마음으로 작업했는데..

지금 생각해 보면 참..

그 이후로 상세디자인 작업을 종류별로 참 많이 해봤는데요..

 

이번 포스팅엔 전체적인 구성을 기획하여 작업하면 좋을지에 대해 포스팅해볼게요..

 

레퍼런스는 각종 채널에서 확인이 가능하죠?

저는 와디즈와, 네이버스토어, 쿠팡을 많이 보는데요.

특히 와디즈 베스트 펀딩 상세페이지들은 정말 좋은 레퍼런스들이 많아요..

워낙 구성이 좋아 미리 보기 겸 블로그에 올리고 싶은데

양이 많다 보니 링크만 걸어볼게요

 

https://www.wadiz.kr/web/wreward/category/categorybanner?order=recommend

와디즈

각 펀딩 링크를 클릭하셔서 상세디자인을 눈으로 한번 보시고 오는 걸 추천합니다.

와디즈상세 샘플이미지

 

 

 

자 그럼 이젠 기본적인 개념을 좀 알고 가셔야 합니다!

 

상세페이지의 주목적이 뭘까요?

판매겠죠? 상세페이지를 보면서 흥미를 느낀 고객이 머무르다가 결국 구매에 이른다가 목적이라 볼 수 있죠

 

상품을 잘 판다는 건 결국 유입과 전환이 잘 되어 있다는 뜻인데요

내가 어떤 제품을 찾으려고 검색을 해서 유입을 하던, 

어떤 알 수 없는 상황에 이끌려(sns광고, 포털광고 등등) 유입을 하던

고객이 내 상품 페이지로 들어오는 것을 유입이라 합니다.

유입된 고객이 구매로 넘어가는 것을 전환되었다 하고, 그 비율을 전환율이라고 하죠.

상품 판매는 결국 유입률(조회수)도 높고 전환율도 높을 때 일어난 다고 볼 수 있고요.

 

찜이 많다고 구매율이 높다고 할 수 없다는거죠

과소비를 줄일 때 이런 방법을 많이 쓰라고 하잖아요. 일단 장바구니에 담아놓고 결제를 미뤄라.

당일 결제를 미루면 구매하고 싶은 욕구가 떨어진다는 것!

© mohamed_hassan, 출처 Pixabay

 

마케팅 용어 중에 세일즈 퍼널이라는 단어가 있어요.

고객이 상품 혹은 브랜드를 인지하고, 구매하기까지의 단계를 말합니다.

잠재 고객이 유입되어 '진짜' 고객으로 자리 잡는 과정을 묘사한 역삼각형 모양의 모델이죠.

 

가장 기본적인 퍼널은 AIDA모델을 따서 그린 것입니다.

마케팅 전략 수립을 위한 편의성의 목적으로 각 단계별로 이름을 붙이기도 합니다.

세일즈 퍼널의 구체적 단계는 위에서부터

인지 (표적고객) > 관심(잠재고객) -> 욕망(타깃고객) -> 행동(구매고객) 뜻합니다.

 

퍼널의 확장

 

 

윗 그림은 기본 구매 퍼널에서 단계를 조금 더 세분화한 것인데요.

 

Awareness는 제품과 브랜드를 광고나 홍보를 통해 인지하는 단계를 말하고, Attention을 쓰기도 합니다.

 

Interest는 브랜드를 인지하면서 생기게 되는 '흥미, 관심'을 말하는데, 브랜드를 접하자마자 바로 생길 수도 있고,

반복적으로 접하면서 생기게 될 수도 있습니다. 고객은 이 단계에서 '검색'이라는 행동을 시작한다고 합니다.

 

Consideration은 구매에 대한 '고려'를 하는 단계인데, 검색을 통해서 브랜드나 상품 관련 정보를 입수하는 과정에서

구매욕구가 높아지고 있는 상황이라 할 수 있습니다.

 

Indent는 구매에 대한 '의도'가 높아져 구매를 결심하는 단계이고, 구매의지를 가지고 있으니

검색결과에서 검색광고에 노출되는 웹사이트를 방문하거나

쇼핑채널(쿠팡, 네이버..)에 방문하여 상품을 고르는 등의 행동을 할 것이라 봅니다.

 

Evaluation은 구매 결정을 위해 상품이나 브랜드를 '평가'하는 단계이고,

그 평가는 스스로 하기도 리뷰를 참조하는 비중이 높은 편입니다.

블로그체험단, 각 종 SNS, 유튜브 등을 참조하기도 하죠. 

 

Purchase는 최종적으로 '구매'를 진행하는 단계라고 보면 됩니다.

 

 

 

이젠 상세페이지디자인에 저 단계를 녹여 구성해 보도록 할 거에요

유입된 고객들이 상세페이지를 끝까지 보게 되면 결국 구매로 진행하게 되는 단계!

그 단계에 이르기 위해 전체적인 내용을 구성하는 게 가장 바람직해 보이지 않나요? 

 

 

자 그럼 상세페이지를 끝까지 내리면 결국 구매율이 높아질 것이다라는 이론이 나왔고

우린 그럼 어떻게 하면 상세페이지를 끝까지 내리게 만들지 고민해 보면 됩니다.

 

 

1. 상세 페이지의 목적 이해하기

상세 페이지의 주된 목적은 고객이 제품에 대한 관심을 가지고 결국 구매로 이어지도록 하는 것인데요.

이는 고객 유입과 전환을 통해 이루어지며, 페이지 디자인은 이 두 요소를 최적화하는 데 중요한 역할을 합니다.

그러기 위해선 전체적인 제품 네이밍, 메인사진, 영상컷 이 필요 하겠죠?

• 제품 네이밍: 제품의 이름은 첫인상을 결정짓고, 고객의 관심을 끌어야 합니다. 
  예를 들어, '차량용 멀티 컵홀더'라는 네이밍은 제품의 기능성을 직관적으로 전달하여 차 안에서의 편의성을 강조하겠죠?
• 메인사진: 고객이 제품 페이지에 처음 도착했을 때, 제품의 메인 사진은 제품을 사용하는 모습을 보여줌으로써 
  고객에게 제품의 가치를 즉시 이해시킵니다. 예를 들어, 차량용 컵홀더가 차 안에서 어떻게 다양한 아이템을 효과적으로 수납할 수 있는지 사진으로 보여주고 이 제품이 실제 사용 상황에서 얼마나 유용한지를 보여줍니다.
• 영상컷: 제품의 실제 사용법을 보여주는 영상은 고객이 제품을 어떻게 활용할 수 있는지를 보여주어, 제품에 대한 이해와 구매 욕구를 높입니다. 코로나 시기에 휴게소를 방문하지 않고 차량 내에서 음식을 편리하게 즐길 수 있도록 하는 컵홀더의 기능을 담은 영상은 이 제품의 실용성을 강조할 수 있습니다.

 

 

2.  고객 유입을 위한 첫인상

첫인상이 매우 중요하죠?

제품의 네이밍과 메인 이미지는 방문자에게 제품에 대한 긍정적인 첫인상을 줄 수 있어야 합니다.

예를 들어, 차량용 컵홀더 제품이라면 그 제품이 차량 내에서 어떻게 유용하게 쓰일 수 있는지를 보여주는

메인 이미지를 선택하는 것이 좋습니다.

• 차량용 컵홀더 제품을 상상해보세요. 이 제품은 차량 내에서 컵, 식기, 그리고 소품을 편리하게 보관할 수 있는 공간을 제공합니다. 여러분이 여행을 갈 때 차 안에서 간식을 먹거나 음료를 마시는 것이 얼마나 자주 있는지 생각해보세요.
• 메인 이미지는 가족이 차량에서 편안하게 음식과 음료를 즐기는 모습을 보여줄 수 있습니다. 이런 이미지는 방문자에게 제품이 실제 사용 환경에서 어떻게 기능하는지를 보여주고, 제품이 해결할 수 있는 문제인 차 안에서의 불편함을 직관적으로 전달합니다.
• 추가로, 동영상 클립을 포함하여 제품이 차량에 쉽게 설치되는 방법과 다양한 사용 상황을 보여주면 더욱 효과적입니다. 예를 들어, 가족이 휴게소가 아닌 차 안에서 감자튀김과 어묵을 즐기는 모습을 담은 영상은 제품의 유용성을 강조합니다.
• 이런 이미지와 영상은 고객이 '내 차에서 이 제품을 사용하면 어떤 좋은 점이 있을까?'에 대한 답을 찾게 해줍니다.

 

 

 

3.  문제 인식과 해결 제시

고객이 제품을 필요로 하는 문제를 명확히 하고,

해당 제품이 그 문제를 어떻게 해결할 수 있는지 보여주어야 합니다.

예를 들어, 차량에서의 식사는 종종 불편함과 위험을 동반합니다.
많은 운전자와 승객들이 이 불편함을 경험하지만, 대부분은 이를 단순히 피할 수 없는 불편으로 받아들입니다.

• 고객의 문제 인식: 많은 사람들이 차량에서 음료나 간식을 즐기는 도중 음료수가 쏟아지거나 음식이 떨어져 차량 내부를 지저분하게 만드는 경험을 합니다. 예를 들어, 어묵국물을 들고 가다가 한 손으로 운전하면서 먹기는 거의 불가능에 가깝습니다. 이는 불편함을 넘어서 안전 문제까지 발생시킬 수 있습니다.
• 제품 소개: 차량용 컵홀더는 이런 문제를 효과적으로 해결합니다. 이 제품은 강력한 고정 기능과 안정적인 설계로 음료와 간식을 안전하게 고정할 수 있어, 운전 중에 음식이나 음료가 흔들리거나 쏟아질 걱정 없이 안전하고 편안하게 즐길 수 있게 해줍니다.
• 사용 예시: 차량용 컵홀더를 사용하는 한 가족이 긴 여행 도중에도 휴게소에 들르지 않고 차 안에서 편안하게 식사를 즐기는 모습을 보여주는 사진과 영상을 제공합니다. 자녀들이 뒷좌석에서 컵홀더에 음료수와 간식을 안전하게 놓고 먹는 모습은 이 제품이 실제로 가족 여행의 편의성을 어떻게 증진시키는지를 보여줍니다.
• 고객의 공감 유도: "차에서의 식사가 이렇게 간편해질 수 있다면, 여러분은 얼마나 자주 차량을 이용하여 식사하게 될까요? 이제 긴 드라이브가 더 이상 불편한 식사를 의미하지 않습니다."

 

 

 

 

4. 신뢰 구축: 리뷰와 평가

온라인 쇼핑에서 가장 큰 장벽 중 하나는 실제 제품을 눈으로 확인할 수 없다는 것인데요.

이러한 불확실성을 해소하기 위해 제품 리뷰와 평가는 매우 중요한 역할을 합니다.

실제 구매자의 긍정적인 경험은 잠재 고객에게 큰 영향을 미치므로, 좋은 리뷰를 전면에 배치하는 것이 좋습니다.

• 리뷰의 중요성: 실제 구매자들이 남긴 리뷰는 제품의 질, 사용성, 그리고 만족도를 반영합니다. 예를 들어, 차량용 컵홀더를 구매한 고객이 "이 컵홀더 덕분에 운전 중에도 음료수를 안전하게 놓고 편안하게 음식을 즐길 수 있었습니다. 설치도 간단하고, 매우 튼튼합니다."라는 리뷰를 남겼다면, 이는 다른 고객들에게 큰 신뢰를 줄 수 있습니다.
• 리뷰의 활용 방안: 첫 판매 제품의 경우, 제품 출시 전에 블로거, 인플루언서 또는 셀럽과 협력하여 초기 리뷰를 확보할 수 있습니다. 이들의 긍정적인 피드백은 제품 페이지에 통합되어 신뢰성을 즉시 구축합니다.
• 사회적 증명의 효과: 제품 페이지에 "현재 이 페이지를 100명이 보고 있습니다" 또는 "최근 구매한 다른 고객들도 이 제품에 만족했습니다"와 같은 사회적 증명을 표시함으로써 방문자들에게 이 제품이 인기 있고 신뢰할 수 있는 선택임을 간접적으로 알립니다.
• 투명성의 제공: 판매된 제품 수, 제품 반환율 등을 투명하게 공개함으로써 신뢰를 더욱 증진시킬 수 있습니다. 예를 들어, "이 제품은 지난 달에 500개가 판매되었으며, 반환율은 1% 미만입니다"라는 정보는 제품에 대한 신뢰를 크게 높여줄 수 있습니다.

 

 

 

 

5.  구매 결정 촉진: 배송 정보와 고객 서비스

제품 구매 결정에 있어서 배송 정보와 고객 서비스의 명확성은 매우 중요합니다. 

이는 고객이 안심하고 구매할 수 있도록 하며, 구매 후 만족도를 높이는 요소가 됩니다.

• 배송 정보의 중요성: 제품을 온라인으로 구매할 때 가장 큰 고려사항 중 하나는 언제 제품을 받을 수 있느냐입니다. 
  예를 들어, 인기 있는 떡볶이를 주문했을 때 바로 배송이 불가하다면 배송까지 최소 3개월이 걸릴 수 있다는 정보를 명확히 제공해야 합니다. 
• 투명한 공개 정보: 제품의 배송 준비 과정을 투명하게 보여주는 것도 중요합니다. 예를 들어, 하루에 얼마나 많은 제품이 포장되고 있는지 보여주는 영상을 제공함으로써 고객에게 배송 준비 과정에 대한 신뢰를 구축합니다.
• 고객 서비스의 접근성: 고객 서비스 팀의 연락처 정보, 운영 시간, 그리고 자주 묻는 질문(FAQ) 페이지 링크를 제공하여 고객이 문제가 생겼을 때 쉽게 해결할 수 있도록 합니다. 또한, 회사의 위치, 전화번호와 같은 필수 정보를 포함시켜 고객이 필요할 때 언제든지 연락할 수 있는 경로를 명확히 합니다.
• 택배사 정보 제공: 사용하는 택배사의 정보와 추적 가능한 배송 시스템을 제공하여, 고객이 제품의 배송 상태를 실시간으로 확인할 수 있도록 합니다. 이는 고객의 불안감을 줄이고, 제품에 대한 기대감을 유지시키는 데 도움이 됩니다.

 

 

 

 

 

6.  제품 특징과 브랜드 가치 강조

제품페이지에서 고객이 제품을 깊이 이해하고 브랜드에 대한 신뢰를 형성할 수 있게 도와주며,제품의 기능과 이점을 강조하여 최종 구매 결정을 유도하는데 큰 역할을 합니다.

• 제품의 진화: 개선된 특성 및 해결된 문제점
  • 실제 시연 영상 활용: 효소제품을 예로 들면, 제품이 어떻게 실제로 작동하는지 보여주는 시연 영상을 포함시킵니다. 예를 들어, 효소와 물을 섞은 후 시간이 지나면서 변화하는 과정을 보여주어, 제품이 소화에 어떤 도움을 주는지 시각적으로 설명합니다.
  • 기능성 시연: 통기성이 좋은 제품을 설명할 때는, 바람이 제품을 통과하는 영상을 보여주어 실제로 공기가 어떻게 통하는지 보여줌으로써 제품의 통기성을 강조합니다.
  • 비포 & 애프터 비교: 업그레이드된 제품의 경우, 예전 모델과 새 모델을 비교하는 비포 & 애프터 이미지나 영상을 제공하여, 업그레이드의 이점을 명확하게 보여줍니다. 예를 들어, 열선이 없는 탄소사 온열매트가 전자파 걱정 없이 어떻게 안전하고 효율적인 난방을 제공하는지 설명합니다.
• 브랜드의 가치와 철학: 브랜드의 이야기를 소개하고, 브랜드가 추구하는 가치와 미션을 강조합니다. 브랜드의 지속 가능성, 고객 중심 디자인 철학, 혹은 혁신적인 접근 방식 등이 포함될 수 있습니다. 이를 통해 고객에게 브랜드에 대한 신뢰와 충성도를 구축할 수 있습니다.
• 상세 제품 설명: 제품의 기술적인 사양, 사용 방법, 그리고 제품을 사용함으로써 얻을 수 있는 이점 등을 자세히 설명합니다. 이는 고객이 제품의 기능과 이점을 완전히 이해할 수 있도록 돕는 핵심적인 정보를 제공합니다.

-

 

 

 

 

 

7.  최종 설득: 특별한 혜택과 긴급 판매

제품 페이지의 마지막 단계에서 고객을 설득하여 구매 결정을 촉진하는 것은 매우 중요합니다. 

이를 위해 한정된 시간 동안 제공되는 특별 할인, 증정품 제공, 그리고 제품 스펙과 이점을 명확히 하는 것이 필요합니다.

• 특별 할인 및 증정품 제공: 예를 들어, 고객이 이번 주말까지 구매를 결정하면 20% 할인을 제공하거나, 
  첫 100명의 고객에게는 추가제품을 무료로 증정합니다. 이러한 제안은 구매를 서두르게 만들고, 구매의 추가 가치를 제공합니다.
• 제품 스펙 상세 설명: 보조배터리를 예로 들면, 이 제품이 맥세이프 호환 가능하고, 아이폰과 안드로이드 기기 모두에 사용할 수 있는 범용성을 강조합니다. 또한, 경쟁 제품 대비 얼마나 작고 가벼운지, 고속충전 기능이 10분 만에 몇 퍼센트의 배터리를 충전할 수 있는지를 상세하게 설명합니다.
• 제품의 일상적 편의성 강조: "바쁜 일상 속에서 충전을 깜빡하는 일이 잦은 고객을 위해, 단 10분 충전으로 하루 종일 필요한 에너지를 제공할 수 있습니다. 이 작고 강력한 보조배터리는 가방 속에 쉽게 챙길 수 있어, 언제 어디서나 빠른 충전이 가능합니다."
• 디자인의 중요성: 제품의 디자인에 공을 들여, 사용자가 기기를 손에 쥐었을 때 느낄 수 있는 고급스러움과 편안함을 강조합니다. 제품의 외관과 느낌이 소비자에게 미치는 영향을 설명하고, 어떻게 그 디자인이 일상 사용에 잘 어울리는지를 보여줍니다.

 

 

 

와 너무 길었다 그렇죠?

 

 

위에 내용을 순서대로 구성하라는 것은 아니에요

제품이나 브랜드에 따라 잘 구성해 보는 연습을 해보는 것도 좋아요

좋은 레퍼런스를 (위 예제를 참조하여) 보고

각각의 구성에 맞는 디자인을 눈으로 직접 보는 것도 훌륭한 공부방법이 될 겁니다.

 

 

디자인의 실력을 높이려면

이론도 이론도 이론이지만 직접 해보는 것이 더 중요해요

아직 디자인이 어렵다면

클론디자인을 먼저 시도해 보세요

좋은 디자인을 꼭 여백하나, 폰트하나, 컬러하나 똑같이 따라 해보기!

 

 

 

 

 

 

 

참고사이트

https://www.icebergwebdesign.com/2016/11/building-sales-funnel-use-retargeting/

Building Your Sales Funnel and the Use of Retargeting - Iceberg Web Design