탄력 앰플 화장품 상세페이지 기획·제작 사례

'채우는 탄력'에서 '탄력 컨디션 케어'로—콜라겐 앰플의 관습적 문법을 벗어나 관점부터 다시 세운 탄력 앰플 상세페이지

탄력 앰플 상세페이지는 콜라겐·핵심 성분·전달 기술·인체적용시험까지 근거는 충분했지만, 그대로 풀면 '콜라겐을 채워 탄력을 준다'는 흔한 탄력 앰플 문법으로 읽히고 다섯 가지 효능이 제각각 흩어져 보일 상태에서 '채우고 → 깨우고 → 완성하다' 세 축으로 제품을 정의하고, 탄력·수분·볼륨·광채·생기를 하나의 탄력 컨디션 케어로 묶어 근거 중심으로 납득시키는 저채도·감도 톤 상세페이지로 전환하는 흐름을 설계한 스킨케어 화장품 상세페이지 사례입니다. 제품의 효익, 고객 고민, 신뢰 근거를 한 화면 안에서 자연스럽게 읽히도록 구성해 구매 판단을 돕는 데 초점을 맞췄습니다.

Client: hapre
Range: 기획, 제작

Project Background

스킨케어 브랜드 hapre의 탄력 앰플 신제품 출시에 맞춰 상세페이지 기획·카피·디자인 전 과정을 맡은 프로젝트
대형 채널 공략형이 아닌 자사몰 중심 브랜드라, 상세가 커머셜해질수록 '제품의 무게가 가벼워진다'는 우려가 있어 후킹·공포소구형 전개를 배제하는 것이 전제
기존 자사 상세는 정보가 길게 나열돼 피로도가 높다는 자체 진단이 있었고, 제품 촬영과 기획을 병렬로 진행해 출시 일정에 맞춰야 했던 상황

What Had To Be Solved

'일반적인 탄력 앰플처럼 보이지 않을 것' — 콜라겐 → 탄력이라는 카테고리 관습 소구를 그대로 따르지 않으면서도 '탄력 앰플' 포지셔닝은 흔들리지 않게 지켜야 하는 과제
탄력·수분·볼륨·광채·생기 다섯 효능이 '이것도 되고 저것도 되는 앰플'로 분절돼 보이지 않도록, 하나의 제품 컨셉으로 연결해야 하는 과제
컨셉 언어인 '깨우다'가 의약품적 효능으로 오인되지 않도록 서술 대상을 피부 컨디션·탄력으로 한정하고, 임상 수치는 완제품 시험 결과로만 분리해 다루는 표현 관리

Brain Hacking Strategy

'콜라겐, 먹고 바르고 다 해봤는데 아직도 푸석하다면'이라는 관찰형 질문으로 시작해, 불안을 자극하는 대신 '성분 채우기로 완성되지 않는 탄력 케어'라는 관점 전환을 먼저 세움
제품 정의를 '채우고(Fill) → 깨우고(Awake) → 완성하다(Core)' 세 축으로 정리하고, 각 성분·기술을 이름이 아니라 '왜 필요한가'의 역할로 설명해 다섯 가지 디멘션이 하나의 설계 스토리로 읽히게 구성
임상 헤드라인은 대조군이 있는 평균값 지표인 '사용 1회 후 피부 탄성복원력 개선 45.88%(무도포군 13.89%)'를 주력으로 세워, 과장 없이도 '탄력' 포지셔닝과 직결되는 근거로 설득

Differentiation Points

하이브리드 문법: 이미지와 톤은 저채도·여백 중심의 브랜드 감도를 지키고, 성분 설명·임상 구간에서만 이커머스식 인포그래픽과 GIF를 차용해 '감도는 있는데 정보가 안 읽히는' 문제를 방지
정보 압축 설계: 전달 기술 구조·5D 데이터·도포군 vs 무도포군 대조를 GIF와 그래프로 압축해, 긴 줄글 없이도 핵심 근거가 먼저 보이는 흐름으로 구성
신뢰 자산의 분리 배치: 2중 기능성·민감성 피부 자극 테스트·이상반응 미확인 근거를 효능 구간과 분리된 별도 신뢰 섹션으로 세우고, 브랜드 철학 섹션으로 이어 '믿고 계속 쓸 수 있는 데일리 앰플'로 마무리