Detail Page Design
MADECA
PRIME
제품 디바이스를 상징하는 컬러와 기능별 컬러 시스템으로 완성한 상세페이지
동국제약 마데카 프라임 상세페이지는 기능을 나열하거나 스펙을 강조하기보다, 디바이스가 전달하고자 하는 피부 경험을 시각적으로 구조화하는 데 집중했습니다. 라벤더 계열의 메인 컬러를 중심으로 안정감과 신뢰감을 형성하고, 모바일 화면 흐름에 맞춘 카드형 구성으로 사용자가 정보를 따라가며 이해하도록 설계했습니다.
PROJECT OVERVIEW
본 프로젝트는 마데카 프라임을 단순한 미용 기기가 아닌, 일상 속 피부 케어 루틴을 완성하는 홈케어 디바이스로 인식시키는 데 초점을 두었습니다. 제품을 사용하는 장면과 기능별 효과를 카드형 흐름으로 정리해, 사용자가 상세페이지를 읽는 것이 아니라 자연스럽게 따라가며 이해할 수 있도록 구성했습니다.
DESIGN APPROACH
전체 디자인은 제품 디바이스를 상징하는 라벤더 컬러를 중심으로 구성했습니다. 기능별 컬러 블록과 아이콘을 활용해 복잡한 설명 없이도 핵심 메시지가 빠르게 전달되도록 했으며, 디바이스 본체 컬러와 UI 컬러를 통일해 브랜드 일관성을 유지했습니다. 스크롤 흐름에 따라 정보 밀도를 조절하여 가독성과 신뢰도를 동시에 확보했습니다.
Lavender
Identity
제품을 상징하는 라벤더 컬러를 중심으로 안정감 있고 부드러운 뷰티 디바이스 이미지를 형성했습니다.
Function
Color System
기능과 단계를 컬러 블록으로 분리해 사용자가 복잡한 설명 없이도 정보를 직관적으로 이해하도록 구성했습니다.
Mobile
Readability
모바일 화면 흐름에 맞춘 카드형 레이아웃으로 상세페이지의 리듬과 정보 전달력을 높였습니다.
VISUAL FLOW
상세페이지는 사용 전·중·후의 흐름을 시각적으로 정리하고, 모델 컷과 설명을 절제된 톤으로 배치해 과장 없이 전문성을 전달합니다. 기능 설명은 컬러와 아이콘을 기준으로 구분하고, 제품 경험은 일상의 케어 루틴 속으로 자연스럽게 연결했습니다.
Visual Archive
제품 컬러, 기능별 정보 구조, 모바일 스크롤 흐름을 하나의 시각 언어로 연결해 마데카 프라임의 홈케어 솔루션 이미지를 강화했습니다.
Result
디바이스의 기능을 피부 케어 경험으로 전환한
뷰티 홈케어 상세페이지 디자인 사례입니다.