정보 설계
상단 히어로의 대형 비주얼과 숫자 강조로 주목도를 확보한 뒤, 중앙의 안내 문구·병렬 카드·비교형 이미지·3열 분류 카드·육각형 다이어그램으로 정보를 단계별로 세분화했다. 각 구간은 스크롤에 따라 역할이 분명하게 바뀌며, 도입-확인-비교-정리의 흐름을 시각적으로 읽히게 만든다.
PROJECT — 54 / 63
WEB DESIGN
강한 대비와 도식화로 완성한 럭셔리 랜딩 구조강한 대비와 도식화로 완성한 럭셔리 랜딩 구조
Dark Luxury Hierarchy for Guided ScrollingSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
블랙·차콜 배경에 화이트 타이포와 골드·베이지 포인트를 반복해 고급스럽고 밀도 높은 인상을 유지했다. 대형 인물 사진, 반투명 워터마크, 라인 아이콘, 체크 심벌, 육각형 그래픽, 손글씨 스크립트가 서로 다른 질감의 요소로 작동하며 화면의 리듬을 풍부하게 만든다.
사용자 가독성
굵은 헤드라인과 얇은 본문, 중앙 정렬 섹션과 그리드형 카드, 넓은 여백과 강한 배경 전환을 통해 모바일 환경에서도 구간 인지가 쉽다. 특히 2행 3열 아이콘 그리드, 3분할 비교 카드, 정사각형에 가까운 정보 박스는 짧은 스캔만으로도 핵심 항목을 빠르게 파악하게 돕는다.
POINT COLORS
Point 1#0B0B0B
Point 2#151515
Point 3#FFFFFF
Point 4#D7B77A
Point 5#C9A66B
NEXT PROJECT — 55
WEB DESIGN