정보 설계
히어로 비주얼, 브랜드성 타이틀, 설명형 카피, 2열 제품 비교, 인물 소개, 리뷰 카드로 이어지는 단계적 구성이 명확합니다. 각 섹션은 중앙 정렬 구간과 좌우 분할 구간을 번갈아 사용해 긴 스크롤 안에서도 정보 성격이 자연스럽게 구분됩니다.
PROJECT — 09 / 63
DETAIL PAGE DESIGN
물성 그래픽과 에디토리얼 위계의 균형물성 그래픽과 에디토리얼 위계의 균형
Editorial Structure Built on Fluid MinimalismSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
화이트와 블랙의 절제된 대비를 기본으로, 금색·옐로 라벨 포인트와 물결 그래픽, 식물 삽화, 흑백 인물 사진을 선택적으로 삽입해 장면마다 다른 질감을 만듭니다. 손글씨 로고와 굵은 산세리프의 조합은 부드러운 감성과 명확한 위계를 동시에 형성합니다.
사용자 가독성
넓은 여백, 큰 제목, 짧은 보조 문장, 반복되는 컬럼 구조와 카드형 박스 덕분에 정보량이 많은 페이지도 빠르게 훑을 수 있습니다. 오버레이 이미지, 버튼형 라벨, 따옴표 아이콘, 다음 구간이 일부 노출되는 화면 연결 방식이 시선 이동과 스크롤 유도를 안정적으로 돕습니다.
POINT COLORS
Point 1#FFFFFF
Point 2#000000
Point 3#C8A24A
Point 4#D4B000
Point 5#D9D9D9
NEXT PROJECT — 10
DETAIL PAGE DESIGN