정보 설계
페이지는 대형 히어로로 주제를 각인한 뒤 3분할 요약, 2열 카드, 비교표, 번호 리스트, 그래프, 체크포인트 섹션으로 세분화되며 긴 콘텐츠를 단계적으로 이해하게 만듭니다. 섹션마다 질문형 타이틀, 배지, 순번, 표와 도식이 반복되어 스크롤 서사와 정보 위계가 안정적으로 유지됩니다.
PROJECT — 63 / 63
WEB DESIGN
레드 대비로 완성한 스크롤형 정보 편집레드 대비로 완성한 스크롤형 정보 편집
Red Contrast Editorial StoryflowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
다크 배경과 화이트 배경을 번갈아 전환하고, 코랄·레드 계열을 핵심 강조색으로 지속 사용해 전체 화면에 강한 통일감을 줍니다. 과일 사진의 클로즈업, 반투명 레드 오버레이, 선 드로잉 일러스트, 원형 아이콘, 라운드 카드가 결합되며 에디토리얼한 인상과 인포그래픽적 명료함을 동시에 만듭니다.
사용자 가독성
굵은 한글 헤드라인과 작은 영문 서브카피의 대비, 중앙 정렬 기반의 단일 시선축, 넓은 여백, 명확한 구분선과 테두리 박스가 모바일 스크롤 환경에서 읽기 부담을 낮춥니다. 또한 다음 섹션 일부를 미리 노출하는 방식과 체크포인트 마커, 캡슐형 라벨이 화면 전환을 예고해 긴 페이지에서도 흐름을 잃지 않게 합니다.
POINT COLORS
Point 1#FF4D57
Point 2#111111
Point 3#FFFFFF
Point 4#F5F5F5
Point 5#C40000
NEXT PROJECT — 01
DETAIL PAGE DESIGN