오늘은 그 과정에서 겪은 저희의 인사이트와 상세페이지 디자인 전문 업체로서 가장 중요하게 생각하는 핵심 노하우를 공유해 보려고 합니다.

안녕하세요, 국내 1위 외주 플랫폼에서 상세페이지 분야 상위 2% 서비스 중 유일하게 2개의 서비스 전문가로 인정받은 디자인 업체 알잘스튜디오입니다.

                                크몽에서 선정한 업체의 기준.

상세페이지 분야는 저희가 유일합니다.

무슨 일이든 쉬운 일은 없지만, 상세페이지는 유독 어려운 분야 중 하나인 것 같습니다.

왜냐하면 '상세페이지'라는 작업물을 하나 만들기 위해 최소 3단계를 거쳐야 되기 때문입니다. 

1) 기획

2) 제품 촬영

3) 디자인

만약 어느 단계 하나라도 밸런스가 맞지 않으면 퀄리티가 떨어질 수 있고, 이는 곧 구매전환율과 이어질 수 있는 리스크가 있기 때문입니다. 

다른 디자인은 모르겠지만 특히 '상세페이지 디자인'은 돈을 벌어오는 분야이자 매출과 직결된 영역이다 보니 많은 사업체에서 비용을 투자해서라도 완성도 있는 상세페이지를 만들려고 합니다. 

몇 백만 원을 더 투자해서 완성도 높은 상세페이지가 만들어지고, 마케팅만 뒷받침이 된다고 했을 때 오히려 BEP (손익분기점)을 빠르게 앞당기거나 넘길 수 있는 확률적 계산이 되기 때문이죠.

더군다나 상세페이지 디자인은 어쩌면 3가지 단계 중 가장 중요한 영역이라고 봐도 무방할 수 있습니다. 

기획과 제품 촬영이란 '재료'들로 마지막 요리를 하는 과정이기 때문에, 이 요리를 어떻게 하느냐에 따라 맛있는 음식이 만들어지거나 또는 좋은 재료를 쓴맛 없는 요리가 만들어지거나 둘 중 하나가 될 수 있습니다.

그 관점에서 봤을 때 상세페이지 제작 전문 업체에서 '상세페이지 디자인'이란 세부 영역에서 가장 중요하게 생각하는 포인트는 무엇인지, 핵심 노하우와 어떤 것에 가치의 우선순위를 두는지 말씀드리도록 하겠습니다.

상세페이지 디자인? 3가지 모르면 100% 죽은 디자인입니다.

3가지란 무엇일까요? 하나씩 천천히 알아보죠.

1. 시각적 임팩트 (제품의 특징과 매력을 효과적으로 전달하는 디자인 요소)

여기서 많은 분들이 오해를 하는 것이 있습니다.

'상세페이지 디자인'과 '상세페이지 콘텐츠'는 다릅니다.

간혹 상세페이지 내에 콘텐츠가 빈약하거나 후킹 포인트가 없다는 이유로 '디자인 퀄리티가 마음에 들지 않는다'라고 표현하는 분들이 계십니다. 

문제의 원인을 명확히 파악해야 해결이 가능합니다.

상세페이지의 후킹, 설득의 문제는 기획과 촬영 단계에서 전체적인 틀과 디테일한 내용이 나와야 합니다. 

사실 앞단에서는 작업 품위에 대한 디테일한 협의가 선행되어야 합니다. 

gif(영상), 이미지 등 후킹을 위한 콘텐츠를 많이 넣고 싶으시다면 작업 품위가 더 많아지게 됩니다.

상세페이지 콘텐츠 예시 

상세페이지 디자인 예시 

이제 상세페이지 콘텐츠와 디자인에 대한 구분이 가능하실 거라고 생각합니다. 

'상세페이지 디자인'이란 세부 영역에서 가장 첫 번째로 중요한 것은 '시각적 임팩트'입니다. 이 상세페이지를 모든 소비자에게 어떻게 해야 더 간결하고 기억에 남는 구매 설득 표현을 할 수 있을까 고민해 본다면 '시간적 임팩트'의 중요성을 이해하실 수 있을 겁니다. 

온라인에서는 결국 3가지가 전부입니다.

1) 텍스트

2) 사진

3) 영상

같은 내용을 어떤 요소로 어떻게 고객에게 표현하느냐의 차이입니다. 

가장 직관적인 방법은 아무래도 영상 -> 사진 -> 텍스트가 될 수 있겠죠. 하지만 내가 만약 텍스트에 자신이 있다면 텍스트로 표현하는 것도 좋은 전략이 될 수 있습니다. 

그러나 상세페이지 디자인에서의 핵심은 '시각적 임팩트'입니다. 소비자들은 보통 3초 내에 이탈을 한다고 합니다. 그래서 우리는 텍스트, 사진, 영상 3가지 요소를 활용해 시각적 임팩트를 만들어야 합니다. 

만약 시각적 임팩트가 담긴 상세페이지를 만든다면 기대할 수 있는 효과는 무엇이 있을까요? 일단 고객 이탈률을 낮출 수 있습니다. 그리고 체류 시간을 높일 수 있겠죠. 제품 구매에 영향을 주는 마이크로 데이터들의 수치가 높아질 수 있습니다. 이 말은 즉, 고객들이 제품에 대한 흥미를 갖게 될 확률을 높일 수 있음을 의미합니다.

그로 인해 고객들은 점점 제품에 대한 이해도가 높아지게 되고, 전반적으로 쉽게 제품과 브랜드에 대한 인지 수준 자체가 올라가게 됩니다. 

때문에 반드시 '시각적 임팩트'를 어떻게 줄 것인지를 고려하며 상세페이지 디자인을 하는 것을 추천드립니다.

2. 모바일 최적화

간혹 모바일 최적화가 안 된 상세페이지가 보입니다. 

다른 업체에서 제작하고, 저희에게 찾아와 다시 재제작 하는 경우에도 상세페이지를 보면 모바일 최적화도 안 된 불안정한 작업물을 최종본이라고 제작한 업체들도 있습니다. 

모바일 최적화는 최근 국내 커머스 시장에서 아주 기본 중 기본이자 가장 중요한 핵심 요소라고 해도 과언이 아닙니다. 

왜냐하면 대부분 핸드폰으로 쇼핑을 하고 있기 때문이죠.

모바일 최적화 예시

특히 상세페이지 디자인 모바일 최적화의 가장 기본은 2가지를 체크하시면 되는데요.

1) 모바일 가독성 (자간, 행간, 여백, 콘텐츠 크기 등)

2) 상세페이지 용량 (가능한 15mb 이하)

이 2가지만 제대로 체크하셔도 최적화에 가까운 상세페이지를 만드실 수 있습니다. 

특히 많은 분들이 놓치는 게 2번인데요.

상세페이지 용량이 작아야 SEO 측면에서도 유리합니다. PC나 모바일에서 로딩 속도가 빠르기 때문에 고객 이탈률로 낮출 수 있고 SEO 로직에도 좋은 영향을 받을 수 있습니다. 

3. 균형적인 콘텐츠 비율 맞추기 (텍스트 3 : 이미지 3 : 영상 3)

상세페이지 사용 목적과 목표에 따라 비율은 달라질 수 있습니다. 

단, 최소한의 비율을 인지하고 제작하시는 것을 추천드립니다. 어느 한쪽으로 균형이 쏠리게 되면 단점이 부각될 수 있습니다. 

이미지와 디자인을 활용한 콘텐츠

이미지와 디자인을 활용한 콘텐츠

글과 이미지를 활용한 디자인

텍스트가 많은 상세페이지는 고관여 제품이 아닌 경우 또는 글을 정말 잘 쓰지 않는 경우에는 엄청난 이탈률을 만들어낼 수 있습니다. 

이미지가 많은 상세페이지는 정적인 형태를 많이 가져가기 때문에 '식상하다', '따분하다', '별로 안 궁금하다'라는 반응을 만들어낼 수 있습니다.

영상이 많은 상세페이지는 그나마 셋 중에는 괜찮(?)다고 보이는데요. 이마저도 단점이 있습니다. 너무 동적인 콘텐츠만 있으면 소비자들의 가독성이 떨어질 수 있습니다. 시선과 이목/집중도가 분산되어 점점 집중력을 떨어트릴 수 있기 때문이죠.

그래서 적정 밸런스를 잘 맞추시는 것이 중요합니다.

오늘은 상세페이지 디자인에서 가장 중요한 3가지를 공유드렸습니다. 

어쩌면 당연한 내용일 수도 있고, 누군가에게는 처음 듣는 새로운 인사이트가 될 수도 있을 것 같습니다.

그래도 기본이 가장 중요하듯이, 어쩌면 이 3가지가 상세페이지 디자인의 기본일 수 있습니다.

디자인 전문 업체에 의뢰를 한다고 하더라도 제대로 알고 있는 상태에서 일을 의뢰하는 것과 아무것도 모른 상태에서 의뢰하는 작업물의 퀄리티는 천지차이가 될 수 있습니다. 

많은 도움이 됐으면 좋겠습니다.

감사합니다.

[👉3초만에 전문가에게 상담받기]