내 스토어에 영감을 줄 잘 만들어진 상품 페이지 사례-제2탄

이전 글에 이어 '내 스토어에 영감을 줄 잘 만들어진 상품 페이지 사례' 2탄을 이어갑니다.

8. Perfect Keto

well-made-product-page-case-part-2-image-1


요즘 유행하는 간헐적 단식과 함께 해외에서는 케톤식이요법이 건강을 위한 좋은 다이어트 대안으로 떠오르고 있습니다. 퍼펙트 케토(Perfect Keto)는 케톤식 건강 보조제품으로 사람들의 건강한 다이어트를 돕고 있는 브랜드입니다.

이 제품 페이지는 비교적 심플하지만 그래서 더 마음에 듭니다. 깔끔하고 훌륭한 제품 사진뿐 아니라 사람들이 왜 이 제품을 이용해야 하는지에 대한 관점과 제품당 돈을 절약할 수 있다고(물론 총 지출 비용은 늘어나겠지만) 유도하는 'Supscription and Save' 옵션까지 보여줌으로써 높은 전환율의 제품 페이지의 기대를 모두 충족하고 있습니다.

이 제품 페이지는 또 "Related Products"섹션을 사용하여 사람들이 보고 있는 제품을 구매하지 않더라도, 더 잘 매칭이 되는 유사한 제품을 찾을 수도 있습니다. 아니면 퍼펙트 케토의 바람대로 그 제품들을 다 장바구니에 담을 수도 있겠지요.

9. Johnny Cupcakes

well-made-product-page-case-part-2-image-2

달콤한 것과 연관된 모든 제품들은 사람들에게 좋은 느낌을 선사합니다. 조니 컵케이크는 장난기 많은 브랜드로, 스스로 " 세계 최초의 티셔츠 빵집"이라고 부르며 신상품들을 " 신선하게 갓 구워낸 것"이라고 강조합니다. 신선하면서도 아주 재미있고 효과적인 방식이라고 생각합니다.

이 브랜드는 옷과 재미있는 디자인을 뽐내기 위해 고품질의 이미지로 제품 사진을 잘 활용합니다. 또 아주 재미있는 포인트는 페이지 전환 때마다 등장하는 애니메이션인데요 통통한 젊은이가 이해하기 힘든 컵케이크를 쫓는 모습은 웃음 짓지 않을 수 없게 만들죠.(제가 애정 하는 캐릭터이기도 합니다.) 이 로드 애니메이션을 보기 위해서라도 이 스토어에 고객들이 오래 머물 수밖에 없지 않을까요?

well-made-product-page-case-part-2-image-3

게다가 'BUY NOW' 버튼을 클릭하면 화면 오른쪽에 쇼핑 카트가 나타나 언제든지 체크아웃할 수 있음을 알려줍니다. 아직 결제를 완료하지 않았다는 것을 상기시켜주는 것이 아니라, 결제 지불 방법을 명확하게 알려주고 있습니다. 이렇게 하면 제품 페이지가 효과적으로 체크아웃 페이지로 전환됨으로 구매 프로세스를 빠르게 진행할 수 있습니다.

well-made-product-page-case-part-2-image-4

10. WP Standard

well-made-product-page-case-part-2-image-5

이 브랜드는 디자인이 뛰어나게 아름다운 장점을 제품 이미지에 너무도 잘 담아낸 사이트입니다. 눈에 띄게 멋진 제품 사진들은 제품의 이미지뿐 아니라 시간과 장소를 알려주기 때문에 제품을 구매하게 되면 일상에서 어떻게 연출되고 보일지가 상상이 됩니다.

이 제품 페이지의 고유성은 가방에 이니셜을 모노그램으로 새겨주는 옵션이 제공된다는 것입니다. 이런 고급스럽고 커스터마이징된 가방을 소유하는데 적당한 지출은 망설여지지 않을 거 같습니다.

11. Master & Dynamic

well-made-product-page-case-part-2-image-6

스토어를 처음 접할 때 대담하고, 우아하고, 럭셔리한 느낌이 물씬 나는 마스터 & 다이내믹 웹사이트입니다. 헤드폰의 디테일을 강조한 클로즈업 샷의 이미지가 우수한 품질의 제품 이미지를 아주 잘 표현해주고 있습니다. 아직 사용해보진 못했지만 사운드가 어떻게 들리는지 무척 궁금하게 만드네요.

well-made-product-page-case-part-2-image-7

마스터 & 다이내믹의 제품 페이지는 마치 경험 자체와 같습니다. 스크롤 할 때 헤드폰의 세부 디자인, 헤드폰의 구성 요소, 고급 기능, 헤드폰 제어 방법에 대해 자세히 볼 수 있도록 구성되어 있습니다.

그렇다고 해서 구매 전환보다 디자인을 완전히 우선시하지는 않습니다. 페이지 맨 위에 떠 있는 "add to bag" 표시는 눈에 잘 띄지 않아 특별히 주의를 끌지는 않지만 화면 상단에 고정되어 계속해서 고객을 조용히 따라다닙니다. 만약 고객이 구매를 원하면 다시 위로 스크롤을 할 필요가 없이, 제품 탐색의 경험을 지속하도록 도와주죠. 물론 'add to bag'에 담기 전에 그 옆에 색상 변환 옵션을 활용할 수 있도록 한 것도 좋은 아이디어 같습니다.

12. Primal Pit Paste

well-made-product-page-case-part-2-image-8

퍼스널 위생용품은 섹시한 제품은 아닐 겁니다. 그렇기 때문에 구강 청결 용품이나 여성 위생 용품 등 오히려 더러워지는 것과 연관된 제품의 경우 제품 패키지나 페이지 디자인은 오히려 깨끗하고 프레시 하게 만들죠. 밝고 신선한 컬러의 터치감이 돋보이는 올 화이트 바탕에 브래드와 제품을 경쾌하게 연출해 줬습니다.

프라이멀 핏 페스트는 가격 위에 평점과 페이지 왼쪽에 있는 리뷰 버튼을 배치해 고객 리뷰를 강조하여 잘 활용하고 있습니다. 또 "ADD TO CART" 버튼 아래 좋은 성분의 재료와 품질(내추럴, 오가닉, 자연 친화적이며 동물 실험 반대 같은)을 다시 한번 상기시켜 구매에 망설임이 없도록 만듭니다.

well-made-product-page-case-part-2-image-9

페이지를 아래로 스크롤 하면 구체적인 제품 재료와 일반적이지 않은 제품의 사용 방법에 대해서도 자세히 설명하고 있습니다. 이미지와 심플하고 재밌는 그래픽을 사용하여 쉽게 안내하고 오른쪽 하단에 있는 카트 버튼이 있어 언제든지 구매 결제로 이동하기 쉽도록 디자인되었습니다. 

13. Love Hair

well-made-product-page-case-part-2-image-10

러브 헤어는 주력 제품인 클린 제품에 맞는 깔끔한 디자인의 제품 페이지에 초점을 맞춘 브랜드입니다. 흰색 배경, 그레이 텍스트, 부드럽게 음영된 생상의 미묘한 조화가 제품 이미지를 돋보이게 합니다. 그리고 제품의 스틸 사진만 보여주는 것이 아니라 제품의 비디오 콘텐츠를 활용했습니다.
well-made-product-page-case-part-2-image-11
동영상 아래에는 러브 헤어가 고객들에게 제품 및 제품에서 얻을 수 있는 장점들에 대해 더 전달하여 사용 시 발생할 수 있는 불편함이나 궁금점에 대해 직접 말할 수 있는 기회로 만들었습니다. 구매해야 할 이유가 더 필요한 고객들이게 "왜 헤어 코코넛 오일을 사랑하는가"에 대한 설명은 러브 헤어의 좋은 재료와 제품의 충성도에 대해 충분히 보여주고 있죠.
well-made-product-page-case-part-2-image-12

▲ Pilgrim 제품 페이지 화이트 화면

필그림은 제품 페이지가 하얀색에서 검은색으로 깜박이며 마치 그 제품을 집에 들여놨을 때처럼 역동적으로 아로마 테라피 제품 페이지를 표현했습니다.

well-made-product-page-case-part-2-image-13

사이트에서 플래시 효과 외에도 페이지 디자인은 우아하고 깔끔합니다. 페이지 레이아웃은 30일 반품, 무료 배송, 1년 보증, 별 5개 리뷰 평점 등 왜 구매를 해야 하는지에 대해 충분한 근거들을 잘 보여주고 있습니다.

그러나 아래로 스크롤을 해보면 보다 강력한 제품 검색 환경이 우리를 기다리고 있죠. 제품의 특징, 장점 및 소재를 강조하여 잘 보여주는 그래픽과 함께 동영상 형태로 고객이 다양한 콘텐츠를 더욱 즐길 수 있도록 안내합니다.

well-made-product-page-case-part-2-image-14

15. Holstee

well-made-product-page-case-part-2-image-15
홀스티는 제품 페이지에서 보시다시피 재미있고 위트가 넘치는 웹사이트입니다. 제품, "Add to Cart"버튼, 강조된 하이라이트 키워드로 고객의 시선이 집중되도록 디자인된 페이지와 고객이 회원 가입을 할 경우 할인된 가격을 홍보하는 방식까지 눈길을 끕니다.

홀스티는 스크롤 하면 할수록 위에서 보다 많은 이미지와 비디오 및 옵션을 보여주는 매우 비주얼 한 브랜드입니다.

well-made-product-page-case-part-2-image-16
보다 상세한 설명과 사양, 고객 리뷰, 배송 및 반품 그리고 브래드 윤리까지(기본적으로 우수한 디자인과 품질에 대한 브랜드의 사명을 명시하고 있습니다.) 보여줍니다. 역시 구매 버튼을 찾아서 상단으로 스크롤 할 필요 없이 바로 구매 결정을 할 수 있도록 바로 위의 섹션으로 이동하기만 하면 되도록 해놓았고요. 시각적으로 잘 디자인된 홀스티의 제품 페이지를 보다 보면 제품 디자인에 매료될 것 같습니다. 2탄에 걸쳐 스토어에 확실한 브랜딩과 제품의 개성뿐 아니라 정보까지 잘 전달하는 페이지들을 살펴봤습니다. 어떠신가요? 이 스토어들의 제품 페이지를 보니 스토어 제품 페이지 디자인의 아이디어가 막 떠오르지 않으시나요?

도움이 되셨거나 궁금하신게 있으면 댓글로 남겨주세요.

* 스팸방지를 위해 댓글은 검수 후 노출 됩니다.