keelson.

Product Detail / Editorial Design

샘큐 상세페이지 디자인

제품 소개부터 사용 장면과 구성 안내까지 이어지는 상세페이지 디자인.

상세페이지 · 편집 디자인

콘텐츠 기획

LiB 글로우 업 콜라겐의 제품 상세페이지를 디자인했습니다. 제품 소개에서 정보 요약, 사용 장면, 구성과 질문·답변까지 분홍색과 사진을 중심으로 읽는 순서를 정리한 편집 디자인 작업입니다.

제품 소개로 이어지는 도입부

짧은 문장과 두 개의 일러스트로 첫 메시지를 구성했습니다. 중앙의 세로선과 여백이 다음 문장까지 시선을 이어 주고, 제품명을 분홍색으로 강조해 소개 화면으로 연결합니다.

상세페이지 원본 · 도입부

핵심 정보와 상세 설명의 위계

주요 정보는 체크 목록으로 먼저 요약하고, 세부 설명은 이미지와 번호가 붙은 원형 도형으로 나눴습니다. 보충 문구는 회색 영역에 모아 요약과 구분했습니다.

상세페이지 원본 · 정보 요약과 설명

두 가지 형태를 설명하는 아이콘

스틱형과 컨테이너형을 각각의 선형 아이콘으로 표현했습니다. 짧은 안내문 아래 두 형태를 나란히 놓아, 긴 제품 설명 사이에서 구성을 간단히 비교하게 했습니다.

상세페이지 원본 · 제품 형태 안내

사용 장면을 이어 붙인 사진 편집

사용 방법을 보여주는 큰 사진 다음에 음료와 음식 사진을 이어 배치했습니다. 사진과 설명의 위치를 번갈아 바꾸고 동일한 색조를 유지해, 장면이 달라져도 하나의 페이지로 읽히게 했습니다.

상세페이지 원본 · 사용 장면과 레시피

제품 구성을 한눈에 비교하기

용기, 박스와 스틱을 한 줄로 펼쳐 보여주었습니다. 위쪽에는 구성 안내를, 아래쪽에는 구분선과 이름을 배치해 이미지와 설명의 대응 관계를 정리했습니다.

상세페이지 원본 · 구성 안내 편집

질문과 답을 구분한 마지막 안내

다섯 개의 질문을 같은 형태의 연분홍 영역에 나누어 담았습니다. 질문은 강조색과 굵은 글자로, 답변은 검정 본문으로 구별해 필요한 항목을 찾아 읽도록 구성했습니다.

상세페이지 원본 · 자주 묻는 질문

이미지