Menthology Contents Design

Background

스킨·헤어 제품마다 성분, 기능, 제형과 사용 방법이 달랐지만 각 상세페이지가 서로 다른 방식으로 구성되면 소비자가 제품을 비교하기 어렵고 브랜드의 일관성도 낮아질 수 있었습니다.

Approach

제품별 기능, 핵심 성분, 사용감, 사용 방법과 소구 포인트를 분류했습니다. 제품 이미지, 핵심 효능, 성분, 제형, 사용 방법과 제품군 비교로 이어지는 공통 정보 구조를 설계했습니다.

Design

서로 다른 제품에서도 동일한 타이포그래피, 여백과 섹션 구분이 유지되도록 템플릿을 구성했습니다. 제품별 컬러, 소재 이미지와 간단한 그래픽을 사용해 기능과 사용감을 시각화했습니다.

긴 세로형 상세페이지에서 정보가 과도하게 반복되지 않도록 섹션 길이와 리듬을 조정했습니다. 제품군 비교표와 핵심 정보를 한눈에 확인할 수 있는 구성을 제안했습니다.

Outcome

제품마다 처음부터 다른 상세페이지를 제작하는 대신 공통 구조 안에서 제품별 차이를 변주할 수 있는 시스템을 만들었습니다. 소비자가 제품의 효능과 차이를 빠르게 비교하도록 정보의 순서와 위계를 정리했습니다.