감성 비주얼에서 데이터 표까지 이어지는 정보 설계
상단의 대형 헤드라인과 차량 중심 히어로로 주목을 확보한 뒤, 비교 사진, 안내 박스, 프로모션 배너, 아이콘 카드, 성능 표, 단계형 절차, 매장 리스트로 정보 밀도를 점진적으로 높여 간다. 각 구간은 시각 톤은 연결하되 구조는 명확히 달리해, 사용자가 현재 읽고 있는 정보의 성격을 직관적으로 구분할 수 있다.
PROJECT — 28 / 63
DETAIL PAGE DESIGN
코랄 포인트로 완성한 시즌형 정보 위계코랄 포인트로 완성한 시즌형 정보 위계
Seasonal Promotion Structured by Coral ContrastSCROLL TO EXPLORE ↓
DESIGN POINTS
코랄·하늘색 대비를 축으로 한 시즌형 시각 표현
파스텔 블루와 화이트 배경 위에 코랄·살몬 계열 포인트를 반복 배치해 봄 시즌의 가벼운 분위기와 강조 지점을 동시에 만든다. 꽃잎 오브제, 라운드 카드, 실사 차량 컷, 다크 배경 배너를 교차 사용하면서도 핵심 강조색을 일관되게 유지해 전체 페이지의 통일감을 확보했다.
읽기 방식이 다른 콘텐츠를 레이아웃으로 구분한 가독성 전략
설명형 구간은 큰 제목과 넓은 여백, 좌측 정렬 본문으로 안정적으로 읽히게 하고, 빠른 스캔이 필요한 부분은 2열 카드, 4개 아이콘 카드, 코랄 헤더 표, 4열 리스트 같은 모듈형 구조로 정리했다. 특히 긴 목록 구간에서는 장식을 줄이고 열 체계를 고정해 탐색 중심의 읽기 경험으로 전환한 점이 특징이다.
POINT COLORS
Point 1#87B9E6
Point 2#F26F63
Point 3#FF8A80
Point 4#1F1F1F
Point 5#F2F0ED
NEXT PROJECT — 29
DETAIL PAGE DESIGN