단계적으로 압축한 정보 설계
첫 화면의 대형 타이틀과 상징 일러스트로 주제를 즉시 각인시킨 뒤, 2×2 카드 그리드에서 병렬 정보를 정리하고, 체크리스트 섹션에서 핵심 문장을 다시 압축한 후, 마지막에 모바일 목업과 CTA로 행동 흐름을 닫는 구조다. 각 구간이 요약 → 비교 → 강조 → 전환으로 역할이 분명하게 나뉘어 스크롤 동선이 자연스럽다.
PROJECT — 53 / 63
WEB & LANDING
곡선 전환으로 완성한 보라 톤 정보 위계곡선 전환으로 완성한 보라 톤 정보 위계
Purple-Led Landing FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
보라 톤 일관성과 곡선형 시각 장치
그라데이션과 단색 보라 배경, 흰색 타이포 대비, 연보라 아이콘, 점 패턴, 원형 배지, 물결형 경계가 반복되며 하나의 시각 언어를 만든다. 특히 원형 지구본 구도, 번호 탭, 라운드 카드, 타원형 버튼 같은 둥근 형태가 전체 인상을 부드럽게 통일하면서도 섹션마다 리듬을 형성한다.
중앙 정렬 기반의 높은 가독성
대부분의 섹션이 중앙축을 기준으로 정렬되어 모바일 세로 화면에서 시선 이동이 단순하다. 큰 헤드라인과 작은 보조문구의 뚜렷한 크기 차, 카드 내부의 아이콘-제목-설명 구조, 리스트의 체크 아이콘, 하단 CTA의 명확한 대비 덕분에 사용자는 읽기 순서를 거의 고민하지 않고 핵심 요소를 빠르게 스캔할 수 있다.
POINT COLORS
Point 1#8F60B5
Point 2#B96CAE
Point 3#FFFFFF
Point 4#EDE3F5
Point 5#F4B65C
NEXT PROJECT — 54
WEB DESIGN