Detail Page Design
TOILUP
SKINCARE
수분감·안정감을 시각화한 블루 톤 중심의 스킨케어 상세페이지
토일럽 상세페이지는 블루 계열 컬러와 깨끗한 화이트 여백을 중심으로, 수분·진정·청결의 이미지를 직관적으로 전달합니다. 제품 이미지와 피부 이미지의 균형을 유지하며, 브랜드가 추구하는 안정적인 데일리 케어 메시지를 일관되게 유지하도록 설계했습니다.
PROJECT OVERVIEW
본 프로젝트는 토일럽을 민감 피부를 위한 데일리 스킨케어 브랜드로 인식시키기 위해, 수분감, 진정감, 청결함을 직관적으로 전달하는 상세페이지 구조에 초점을 두었습니다. 블루 톤의 컬러 무드와 깨끗한 여백을 활용해 제품이 가진 차분함과 신뢰감을 안정적으로 보여주었습니다.
DESIGN APPROACH
상세페이지는 제품 이미지와 피부 이미지를 균형 있게 배치하고, 성분 설명, Q&A, 제품 사용 이유 등을 카드형 섹션으로 정리해 정보 탐색 부담을 줄였습니다. 스크롤이 진행될수록 제품의 필요성과 신뢰 요소가 자연스럽게 누적되도록 구성했으며, 민감 피부 브랜드가 가져야 할 차분함과 투명성을 시각적으로 구현했습니다.
Blue
Calming Tone
블루 계열 컬러를 중심으로 수분, 진정, 청결의 이미지를 직관적으로 전달했습니다.
Clean
Information Cards
성분 설명과 Q&A, 사용 이유를 카드형 섹션으로 정리해 정보 피로도를 낮췄습니다.
Daily
Care Message
제품을 자극적인 효능보다 안정적인 데일리 케어 루틴으로 인식하도록 흐름을 설계했습니다.
VISUAL FLOW
페이지는 수분감 있는 첫인상에서 시작해 성분, 사용 이유, Q&A로 이어지는 구조를 가집니다. 사용자는 스크롤을 따라가며 제품의 안정성과 필요성을 단계적으로 이해하게 되며, 브랜드가 전달하고자 하는 민감 피부 중심의 신뢰감을 자연스럽게 받아들이게 됩니다.
Visual Archive
블루 톤 컬러 시스템과 깨끗한 정보 구조를 통해 토일럽이 지향하는 수분·진정·청결 중심의 데일리 케어 이미지를 시각적으로 전달했습니다.
Result
민감 피부를 위한 안정감과 투명성을 시각화한
블루 톤 스킨케어 상세페이지 디자인 사례입니다.