정보 설계
상단의 강한 브랜드 타이포에서 시작해 도식형 개념 설명, 3열 이미지 카드, 관계도, 번호형 콘텐츠 블록, 엔딩 배너로 이어지는 순차 구조가 분명하다. 각 구간은 배경색 전환과 풀폭 밴드, 구분선으로 끊어 주어 스크롤 흐름 속에서도 단계별 주제를 쉽게 인지하게 한다.
PROJECT — 23 / 63
DETAIL PAGE DESIGN
라임 포인트로 정리한 단계형 정보 설계라임 포인트로 정리한 단계형 정보 설계
Lime-Led Hierarchical Infographic FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
고채도 라임그린을 핵심 신호로 삼고 아이보리·화이트 면을 넓게 배치해 대비를 극대화했다. 원형 배지, 심볼 로고, 캡슐형 타이틀 바, 연결선과 화살표, 사선으로 겹친 책자 목업이 반복되며 단순한 정보 나열을 리듬감 있는 인포그래픽 화면으로 전환한다.
사용자 가독성
대형 헤드라인과 작은 보조 캡션의 크기 차, 굵기 대비, 중앙 정렬과 좌측 정렬의 병행으로 읽는 순서를 자연스럽게 고정했다. 설명 박스와 카드 경계선, 넉넉한 여백 덕분에 밀도 높은 내용도 한 덩어리씩 분리되어 모바일 환경에서도 섹션별 식별성이 유지된다.
POINT COLORS
Point 1#C6D700
Point 2#F7F2EA
Point 3#FFFFFF
Point 4#B7C100
Point 5#111111
NEXT PROJECT — 24
DETAIL PAGE DESIGN