정보 설계
상단의 선언적 히어로 이후 핵심 설명 블록, 경로별 2열 카드, 하단 단계형 프로세스로 흐름을 순차적으로 분리해 복잡한 내용을 한 번에 읽기보다 구간별로 이해하게 만든다. 같은 구조의 모듈을 반복해 각 섹션의 역할을 예측 가능하게 유지한 점이 핵심이다.
PROJECT — 34 / 63
DETAIL PAGE DESIGN
절차를 분해한 안내형 인포그래픽절차를 분해한 안내형 인포그래픽
Guided Process InfographicSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
진한 남색 헤드라인과 민트·하늘색 포인트, 연회색 구분 띠를 조합해 공공 안내물에 가까운 신뢰감 있는 인상을 형성한다. 원형 아이콘, 캡슐형 라벨, 둥근 말풍선 박스, 얇은 외곽선 카드가 반복되며 부드러운 형태 언어를 일관되게 구축한다.
사용자 가독성
굵고 압축감 있는 제목으로 시선을 먼저 고정하고, 본문은 작은 단락과 라벨형 정보 단위로 쪼개 스캔 부담을 낮춘다. 화살표와 세로 누적 구조를 활용해 읽는 방향을 명확히 제시하며, 여백과 중앙 정렬을 통해 모바일에서도 순서 인지가 쉽게 유지된다.
POINT COLORS
Point 1#0B1026
Point 2#1B2240
Point 3#7ED0DA
Point 4#5CC0C8
Point 5#F2F2F2
NEXT PROJECT — 35
DETAIL PAGE DESIGN