성분을 내세우기 전에 원인부터 보여주는 법, 닥터멜락신 GIF 해부

핵심 요약

닥터멜락신은 "눈 밑 꺼짐은 콜라겐만으로 해결할 수 없다"는 주장을 글이 아니라 GIF로 전달합니다. 진피 속 주황 구슬이 색을 잃고 쪼그라들며 표피가 내려앉는 과정을 보여줘 원인과 결과를 한 화면에서 체감시키고, 크림이 흡수되어 골조가 다시 잡히는 장면을 끊지 않고 이어 붙여 솔루션과 효과를 함께 읽히게 합니다. 즉각 효과는 스톱워치를 든 채 편집 없이 1분을 보여주는 방식으로 증명합니다. 세 GIF 모두 브랜드가 말을 줄이고 고객이 스스로 확인하게 만드는 구조입니다.

본문

아이크림을 꾸준히 발랐는데도 눈가주름이 아닌 눈밑 푹꺼짐은 그대로입니다. 고객들이 흔히 겪는 페인포인트죠.

닥터멜락신은 시멘리트 크림 상세페이지에서 이렇게 말합니다. "눈 밑 꺼진 부위 콜라겐만으로는 해결할 수 없습니다. 피부에 칼슘을 보충하지 않으면 아무리 콜라겐을 채워도 밑 빠진 독에 물을 붓는 격입니다."

다만 이런 문제제기를 텍스트만으로 고객들에게 전달할 수 있을까요? 눈 밑 피부 속이 어떻게 생겼길래 움푹 들어가는지, 칼슘이 그걸 어떻게 잡아주는지 머릿속에 그림이 그려지지 않는데 말이죠.

닥터멜락신은 GIF로 긴 말 필요없이 제품의 효능을 전달합니다.
이 GIF들이 워킹하는 이유는 무엇일까요? 우리 브랜드는 무엇을 벤치마킹할 수 있을까요?

문제를 인식하는게 아니라, 체감할 수 있도록

문제를 인식하는게 아니라, 체감할 수 있도록
눈밑 단면을 확대해 원인을 지목하는 GIF

이미지 출처: 닥터멜락신 시멘리트 골조 아이라인, 아이팔트 아이백 크림 플러스 상세페이지 (GIF 기획 분석 목적으로 인용)

화면의 피부 단면에는 선명한 주황 구슬이 진피층을 빽빽하게 채우고 있어요. 그 사이사이를 나선 구조가 세로로 받치고 있고요. 구슬이 콜라겐, 나선이 피부의 골조입니다.

시간이 흐르면 주황 구슬이 색을 잃고 쪼그라듭니다. 탁한 갈색으로 바래면서 부피가 줄어요. 그리고 구슬이 줄어드는 만큼 위쪽 표피가 내려앉아 물결처럼 울퉁불퉁해집니다. 피부에서 콜라겐이 빠져나가는 과정을 직관적으로 보여주죠. 원인과 결과를 글로 길게 풀어 설명할 필요없이 문제를 바로 체감할 수 있습니다.

아이팔트 상세페이지도 같은 방식을 씁니다. "눈가 고민은 여러 부위에 다른 모양으로 나타날 뿐 하나의 원인으로 시작됩니다" 카피와 함께, 눈밑 지방의 피부 단면을 확대해 보여줘요. 원인과 결과를 육안으로 볼 수 있게끔 영상이 기획되어 있습니다.

솔루션 제시하고 끝? 이어지는 애프터 샷으로 효능 전달

솔루션 제시하고 끝? 이어지는 애프터 샷으로 효능 전달

이미지 출처: 닥터멜락신 시멘리트 골조 아이라인 상세페이지 (GIF 기획 분석 목적으로 인용)

솔루션 GIF는 피부 표면 클로즈업에서 출발해요. 크림 한 방울이 얹히고, 퍼지고, 흡수됩니다. 그다음 피부 속의 늘어져 있던 골조 섬유를 굵은 밧줄이 단단히 지탱하는 모습을 보여줍니다.

크림이 작용하는 효과를 이어서, 끊지 않고 보여줍니다. 보통 여타 브랜드들은 카피에 따라 혹은 설명하려는 의도에 따라 두 단계 영상을 나눠 놓기 마련이죠. 그러면 고객이 계속 읽어나가며 화장품의 작용을 연결해 생각해야 하는데, 몇 초짜리 짧은 영상으로 작용 효과를 심플하게 그러나 명명백백히 보여주고 있습니다.

여기서 중요한 것은, 화면 오른쪽에 실제 모델 얼굴이 계속 떠 있어 피부 속 작용과 연동되면서 비포애프터 비교로 바로 효익을 체감시킨다는 점입니다.
그래서 이 GIF는 "피부 속에서는 이런 일이 일어납니다"를 설명하는 게 아니라, 제품이 작용하는 방식(솔루션)과, 그에 따른 효과가 한번에 읽힙니다.

효과가 나타나기까지, 짧은 시간을 과장하는 법

효과가 나타나기까지, 짧은 시간을 과장하는 법

이미지 출처: 닥터멜락신 아이팔트 아이백 크림 플러스 상세페이지 (GIF 기획 분석 목적으로 인용)

아이팔트 제품 상세페이지는 "1회 사용만으로 아이백 볼륨 리프팅"이라고 주장한 다음, 바로 이를 보여주는 GIF를 제시합니다.

보통 즉각 효과를 소구할 땐 전후 비포애프터 사진 두 장을 나란히 보여줍니다. 그런데 이미지 비교는 조작이 들어간건지, 보정의 차이인건지 고객이 알 수 없기에 쉬이 믿지 못하게 만듭니다.

그러나 닥터멜락신의 GIF에선, 모델의 눈가에 크림을 바르고 스마트폰 스톱워치의 숫자가 올라가죠. 이 GIF의 킥은, 덜어내지 않은 것입니다. 빨리 감기는 했지만 중간 편집점 없이 스톱워치 숫자가 0에서 60까지 올라가는 걸 보여줌으로써 이를 증명합니다.

그래서 마지막에 바르기 전과 후 얼굴의 두 컷이 나란히 보여질 때, 고객은 1분을 실제로 겪은 셈이 됩니다. 효과가 얼마나 빠른지를 브랜드가 주장하지 않고 고객이 체감하게 만들어, 고객이 자연스레 그 효능을 인정하고 믿게 만드는 것이죠.

내 브랜드에 적용할 시사점 세 가지

GIF 한 편을 프레임 단위로 분해한 화면

1) 문제 제기는 문제 원인과 결과를 보여줘 체감시키고,
2) 솔루션은 작용부터 효과까지 한 컷에 이어 붙여 고객이 한 번 더 생각해 연결하지 않게,
3) 효과 실증은 단순한 비포애프터 이미지 두 장 대신, 그 사이에 흐른 시간을 편집 없이 보여주는 것.

세 GIF의 공통점은 브랜드가 말을 줄이고, 화면에서 즉각적으로 보여준다는 점입니다. 고객들은 설득당했다는 느낌 없이, 스스로의 눈으로 확인해 믿을 수 있게 만들고요.

다만 이런 GIF는 단순히 상세페이지를 제작하는 디자이너의 손에서 나오기 어렵습니다. 어떻게 문제의 원인과 결과를 보여줘 고객을 움직일지, 솔루션의 효과를 온몸으로 체감하게 만들지, 스스로 본 것을 믿을만큼의 신뢰도는 어떤 방식으로 줄 수 있는지. 모든 건 디자인의 영역이 아니라, 상세페이지에서 뭘 전달할지를 정하고 표현 방식을 다듬는 기획의 영역이기 때문이죠.

상세페이지에 막연히 GIF를 넣는게 좋다고 해서 넣으셨다면, 왜 다른 브랜드만치 효과적이지 않나 궁금하시다면, 어떻게 제작해야 닥터멜락신처럼 효과적일지 막막하시다면, 지금 바로 카카오톡 채널로 연락주세요. 뷰티해커스는 제품의 특성과 소구점을 제대로 이해하고 GIF를 제작합니다.

썸네일 이미지 출처: 닥터멜락신 아이팔트, 시멘리트 상세페이지 GIF

Q&A 요약
상세페이지에 GIF를 넣으면 효과가 있나요?

넣는 것 자체보다 무엇을 보여주느냐가 갈립니다. 닥터멜락신은 사진으로 전달하기 어려운 피부 속 원인, 제형이 작용하는 과정, 시간 경과처럼 정지 이미지로는 안 되는 것만 GIF에 맡깁니다.

눈밑 꺼짐처럼 눈에 안 보이는 고민은 어떻게 설명하나요?

피부 단면 CG를 실제 모델 얼굴 옆에 두고 점선으로 잇는 방식을 씁니다. 단면만 보여주면 남의 몸 이야기로 읽히지만, 얼굴과 묶으면 지금 이 사람 눈밑 속 이야기가 됩니다.

즉각 효과를 비포애프터 사진으로 보여주면 안 되나요?

사진 두 장은 조작인지 보정 차이인지 고객이 알 수 없습니다. 닥터멜락신은 스톱워치 숫자가 0에서 60까지 올라가는 과정을 편집점 없이 보여줘 그 빈틈을 메웁니다.

GIF 제작은 디자인 작업인가요?

무엇을 남기고 뺄지, 어디서 화면을 전환할지, 어디서 멈출지가 전부 장면 단위 판단이라 기획의 영역에 가깝습니다. 시안보다 장면 기획서가 먼저 나와야 합니다. 브랜드 배경은 닥터멜락신 브랜드 편, 컬러 전략은 비주얼 전략 편에서 다뤘습니다.