정보 설계
페이지 전반을 가격 강조형 도입부, 아이콘 요약, 질문·답변 블록, 단계형 핵심포인트, 비교 도식, 문서형 검증 자료, 최종 정보표로 나누어 긴 콘텐츠를 챕터처럼 읽히게 구성했습니다. 숫자 배지와 구분선, 반복되는 섹션 라벨이 현재 위치와 다음 흐름을 계속 알려 주며 스크롤 피로를 줄입니다.
PROJECT — 12 / 63
DETAIL PAGE DESIGN
레드 포인트로 정리한 단계형 상세 편집레드 포인트로 정리한 단계형 상세 편집
Red-Led Editorial Infographic FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
레드·코랄·핑크 계열을 중심으로 흰 배경과 고대비를 만들고, 원형 배지·육각형 마커·캡슐 라벨·클립보드 프레임·방사형 다이어그램 같은 반복 모티프를 사용해 전체 톤을 통일했습니다. 제품 렌더, 선형 아이콘, 장면형 일러스트, 문서 썸네일을 각각 다른 섹션 성격에 맞게 배치해 화면 리듬에 변주를 줍니다.
사용자 가독성
굵은 산세리프 중심의 강한 제목 위계와 짧은 보조 문장, 넉넉한 여백, 중앙 정렬과 좌우 분할 레이아웃을 병행해 모바일에서도 핵심 정보가 빠르게 읽히도록 설계했습니다. 특히 카드형 패널, 표 구조, 2열 리스트, 3열 아이콘 그리드처럼 반복 규칙이 분명한 틀을 사용해 정보 밀도가 높아도 스캔이 쉽습니다.
POINT COLORS
Point 1#EF4B57
Point 2#FF5A66
Point 3#FFFFFF
Point 4#111111
Point 5#F7F1E8
NEXT PROJECT — 13
DETAIL PAGE DESIGN