정보 설계
상단은 NOTICE 번호 체계와 제목·본문의 반복 구조로 공지성 내용을 빠르게 스캔하게 만들고, 이후에는 무드 이미지, 단독 제품 컷, 2열 비교 컷, 표 형식 정보로 전개해 성격이 다른 콘텐츠를 단계별로 분리한다. 각 구간은 라벨, 구분선, 번호 박스, 중앙 타이틀 같은 장치로 전환점이 명확하게 보인다.
PROJECT — 40 / 63
DETAIL PAGE DESIGN
공지형 정보와 카탈로그 비주얼의 정교한 편집공지형 정보와 카탈로그 비주얼의 정교한 편집
Editorial Notice Meets Minimal CatalogSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
어두운 히어로 컷과 화이트 베이스 본문, 브라운 계열 색면, 세리프와 산세리프의 혼용이 반복되며 고급 편집물 같은 인상을 만든다. 크롭된 디테일 이미지, 풀폭 라이프스타일 사진, 고립된 스튜디오 컷을 교차 배치해 분위기와 조형성을 모두 시각적으로 강화한다.
사용자 가독성
좌측 정렬 공지 블록과 중앙 정렬 제품 섹션을 구분해 읽는 방식 자체를 다르게 설정했고, 짧은 문단과 넓은 여백, 얇은 선 요소, 2열 그리드로 긴 스크롤에서도 피로감을 줄였다. 특히 정면·측면 비교 컷과 하단 표 구성은 이미지 중심 구간 뒤에 필요한 확인 정보를 안정적으로 정리해 준다.
POINT COLORS
Point 1#111111
Point 2#FFFFFF
Point 3#7A5B48
Point 4#D9D9D9
Point 5#8B5A35
NEXT PROJECT — 41
DETAIL PAGE DESIGN