반복 규칙이 분명한 정보 설계
도입부의 대칭 히어로 이후 배지형 섹션 구분, 소제목-설명-이미지의 반복, 공정 도식, 비교 카드, 인증서 그리드, 안내 패널로 이어지는 순서를 단계적으로 설계했다. 긴 스크롤 안에서도 각 블록의 역할이 명확해 사용자가 현재 읽는 정보의 성격을 빠르게 파악할 수 있다.
PROJECT — 21 / 63
DETAIL PAGE DESIGN
오렌지 포인트로 정리한 정보형 상세 구조오렌지 포인트로 정리한 정보형 상세 구조
Orange-Led Editorial Detail FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
오렌지 중심의 시각 강조 체계
화이트 베이스 위에 오렌지와 레드, 베이지를 선택적으로 더해 제목, 구분선, 배지, 아이콘, 강조 문구를 한 톤으로 묶었다. 식재료 프레임, 제품 컷, 라인 아이콘, 문서 썸네일처럼 성격이 다른 비주얼도 동일한 색 질서 안에서 정리되어 전체 인상이 통일감 있게 유지된다.
스캔 중심의 가독성 구성
중앙 정렬, 넓은 여백, 얇은 라인, 카드 경계, 병렬 이미지 배열을 활용해 정보 밀도가 높은 구간도 답답하지 않게 풀었다. 큰 제목과 짧은 본문, 도식 중심 배치, 표와 체크 아이콘의 분리 덕분에 빠른 훑어보기와 세부 확인이 모두 가능한 읽기 리듬을 만든다.
POINT COLORS
Point 1#F39A3E
Point 2#F5A24A
Point 3#E53935
Point 4#F3EAD6
Point 5#FFFFFF
NEXT PROJECT — 22
DETAIL PAGE DESIGN