정보 설계
도입부의 풀블리드 히어로 이후 후기 카드, 번호형 포인트, 기능 아이콘, 비교 표, 저울형 도식, 스펙 테이블까지 정보 형식을 계속 전환하며 긴 페이지의 집중도를 유지한다. 각 구간은 중앙 정렬 구조와 섹션 번호, 라벨, 연결선, 다음 섹션의 일부 노출을 통해 스크롤 흐름 안에서 자연스럽게 이어진다.
PROJECT — 57 / 63
WEB DESIGN
다크 히어로와 인포그래픽이 교차하는 모바일 스크롤 디자인다크 히어로와 인포그래픽이 교차하는 모바일 스크롤 디자인
Dark Hero, Structured Data FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
블랙과 화이트의 강한 명도 대비를 기본 축으로 삼고, 블루그레이와 청록 포인트를 더해 기술적이고 정제된 인상을 만든다. 대각선 제품 크롭, 분해도 렌더, 원형 배지, 선형 아이콘, 캡슐형 수치 박스, 검은 미디어 플레이스홀더가 반복되며 화면마다 다른 리듬을 형성한다.
사용자 가독성
굵은 헤드라인과 가는 보조 문구의 대비, 넉넉한 여백, 단일 컬럼 중심의 세로 위계로 모바일 환경에서도 읽기 순서가 분명하다. 비교가 필요한 구간은 2열 레이아웃과 표·그래프 형태로 정리하고, 기능 요약은 아이콘 모듈로 묶어 빠른 스캔이 가능하도록 구성했다.
POINT COLORS
Point 1#000000
Point 2#FFFFFF
Point 3#4B5A67
Point 4#9AAABB
Point 5#26C6DA
NEXT PROJECT — 58
WEB DESIGN