정보 설계
히어로 영역, 원형 모듈, 비교 섹션, 카드 그리드, 아이콘형 정보 블록, 단계 바까지 구간별 정보 형식을 달리해 긴 콘텐츠를 명확히 분절했다. 각 섹션은 굵은 구분선, 큰 번호, 독립 헤드라인으로 시작점을 분명히 하며 위에서 아래로 읽는 순서를 자연스럽게 만든다.
PROJECT — 62 / 63
WEB DESIGN
대형 타이포와 카드 모듈로 정리한 스크롤형 웹 편집대형 타이포와 카드 모듈로 정리한 스크롤형 웹 편집
Bold Editorial Flow with Modular GridSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
화이트 바탕에 마젠타·레드·블랙의 강한 대비를 반복하고, 웹툰풍 캐릭터와 라인 아이콘, 윤곽선 타이포를 조합해 에너지 있는 편집 감도를 만든다. 특히 대각선 면 분할, 배경색 반전, 포스터형 대형 문구가 섹션 전환마다 강한 리듬을 형성한다.
사용자 가독성
반복되는 카드 구조와 캡슐형 라벨, 중앙 정렬 또는 좌측 정렬의 일관된 규칙으로 항목 스캔이 쉽다. 넉넉한 여백과 모듈 간 간격, 아이콘 중심의 요약 표현 덕분에 모바일 환경에서도 제목-설명-다음 섹션의 흐름이 비교적 선명하게 유지된다.
POINT COLORS
Point 1#D1004F
Point 2#B4002D
Point 3#000000
Point 4#FFFFFF
Point 5#F5F5F5
NEXT PROJECT — 63
WEB DESIGN