순차 탐색을 유도하는 정보 설계
풀폭 히어로에서 스크롤 유도 장치를 먼저 제시하고, 이후 번호형 공지 블록·비교 컷·설치 단계 카드·스펙 테이블로 정보의 성격을 단계별로 구분했습니다. 긴 이미지 안에서도 각 구간이 독립적으로 읽히도록 반복 규칙을 두어, 감상형 화면과 확인형 화면이 혼재해도 흐름이 끊기지 않게 구성했습니다.
PROJECT — 43 / 63
DETAIL PAGE DESIGN
여백과 비교 구조로 정리한 제품 편집 레이아웃여백과 비교 구조로 정리한 제품 편집 레이아웃
Editorial Product FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
무드 이미지와 문서형 요소를 엮는 시각 표현
실사 히어로, 어두운 오버레이 위 스크립트 타이틀, 따뜻한 베이지 플레인 배경, 라운드 이미지 카드, 점선 치수 가이드, 원형 컬러 스와치 등 서로 다른 표현 장치를 한 페이지 안에서 일관된 톤으로 묶었습니다. 특히 흰 배경 위 블랙 타이포를 기본 축으로 두고, 회갈색·베이지 계열을 보조색으로 반복해 프리미엄하면서도 차분한 인상을 유지합니다.
여백과 위계 중심의 가독성 강화
큰 제목, 소형 라벨, 얇은 세로 바, 중앙 정렬 본문, 2열 카드, 좌우 교차 블록 등 명확한 위계 장치를 지속적으로 사용해 스크롤 환경에서 빠른 훑어읽기가 가능하게 했습니다. 이미지 비중이 높은 구간에서도 텍스트 길이를 짧게 유지하고 섹션 간 간격을 넉넉하게 확보해, 모바일에서도 한 번에 하나의 메시지가 또렷하게 인지되도록 설계했습니다.
POINT COLORS
Point 1#FFFFFF
Point 2#000000
Point 3#B7AB9B
Point 4#D9D3CC
Point 5#5A4A3A
NEXT PROJECT — 44
SNS CONTENT