제품페이지에서 고객의 이탈을 막기 위한 가장 중요한 역할을 하는 것이 상세페이지 레이아웃입니다. 제품에 대한 정보를 구매자들에게 이해하기 쉬운 형태로 전달할 수 있기 때문인데요.

제품을 직접 체험해 보거나 경험해 볼 수 없는 제한적인 환경에서 제품페이지 설명을 통해 제품에 대한 충분한 인지와 확실하게 각인이 된 상태라면 제품 구매로 이어질 수 있습니다.

만약 이에 대해 부족함을 느낀 고객이라면 그대로 이탈해버리는 것이죠.

​

특히, 제품을 설명하기 위해 필수적인 내용과 장점을 다 기재하다 보니 방대한 양에 벅찰 때가 있으실 수 있는데 이를 디자인적 요소와 상세페이지레이아웃을 적극 활용하신다면 극복하실 수 있습니다. 오늘은 고객이 이해하기 쉬운, 제품 구매를 결정짓는 팁을 알려드리겠습니다.

​

인트로 구성

상세페이지를 구성할 때에 구분을 나누는 것이 내용 기획과 정리에 큰 도움이 됩니다.

세로로 긴 이미지 위에 들어가야 할 내용을 간략하게 적어 영역을 구분하는 것인데요.

제품페이지의 첫인상이라고 볼 수 있는 인트로 부분은 보다 더 많은 요소들을 깔끔하게 정리하는 것이 중요합니다.

강조할 점과 제품이미지, 기능 및 효과를 간략하게 정리하여 구성하면 되는데요.

일반적인 상세페이지레이아웃에서 가장 앞부분에 배치하는 부분인 만큼 제품의 크기는 크게,

기능적 요소는 아이콘으로 정리될 수 있도록 간략하게,

제품의 특장점을 나타내는 후킹한 카피로 구성해 주는 것이 좋습니다.

일부 브랜드의 경우, 브랜드에 대한 설명으로 시작하는 것이 효과적일 때도 있으니 참고하시면 좋을 것 같습니다.

박스 형태로 구분

우리는 다른 디자인이나 모양이 등장하기 전까지 비슷한 형태의 무엇인가를

하나의 흐름으로 판단하게 됩니다. 이를 연속성의 원칙이라고 부르는데요.

이러한 인식은 하나의 패턴이나 그룹으로 인식하게 되는 데에 큰 역할을 합니다.

위 이미지처럼 다른 컬러를 사용하였지만 같은 형태와 구성을 사용하였기 때문에

우리는 정보를 이해하고 받아들이기 쉽다고 느꼈을 겁니다.

제품의 컬러가 다양하고 정보가 많은 만큼 단조로운 형태의 도형을 사용하여 정리한 것이죠.

제품페이지에서 가장 중요한 것은 정보를 얼마나 잘 전달할 수 있느냐입니다.

많은 정보를 담아야 하고, 다른 외형이나 컬러의 제품이라면 상세페이지레이아웃을 고려하여

박스 형태를 적극 활용하시면 쉽게 정보를 전달할 수 있습니다.

반복되는 내용의 정리

우리는 제품의 형태와 컬러가 달라도 동일한 디자인으로 구성된 상세페이지레이아웃을

통해 같은 제품이라는 것을 인지할 수 있습니다.

컨셉이미지 위 제품, 제품 옆 설명 이 내용들을 같은 방식으로 나열만 해도

그다음 이미지도읽는 순서의 변경 없이 정보를 읽게 되고 소비자들은 이로 인해

제품의 장점을 명확하게 알게 됩니다.

보통의 제품설명페이지는 가로로 긴 이미지가 아닌 세로 사이즈가 무한한 형태이기 때문에

정보를 기억하고 있는 것이 제품 구매에 있어서 가장 큰 역할을 하게 되는데

위와 같은 방식을 세로로 나열한다면 구분감과 반복되는 디자인으로

고객에게 이해도를 높여 전환을 유도할 수 있을 것입니다.

텍스트 구성

이미지를 활용하는 것이 이해도를 높여주기 위한 가장 쉬운 방법이지만

어쩔 수 없이 많은 양의 글을 기재해야 되는 부분이 있으실 겁니다.

그럴 경우에는 그룹으로 묶어서 인지될 수 있게끔 텍스트의 굵기나 크기를 조절하여

구분감을 주면 이해도를 높여줄 수 있는데요.

상세페이지레이아웃에서 가장 어려움을 느끼는 부분이기도 합니다.

너무 긴 문장을 기재해야 될 경우에는 짧은 문장으로 요약하여 크기를 키워서

배치를 한 후 밑 부분에 전체 내용을 담는 방법이 좋습니다.

또한 사용자의 기기를 고려하여 문단의 형식을 변경하는 것도 상세페이지레이아웃에서

중요한 역할을 하니 방대한 양의 내용을 전부 담으려고 고객을 이탈하게 두지 마세요!

*해당 게시물의 모든 이미지는 세일즈캐스트에 저작권이 있습니다.

무단 도용시 처벌 받을 수 있습니다.

​