정보 설계
첫 화면의 대형 타이틀과 제품 중심 히어로로 주목도를 만든 뒤, 아이콘 요약→포인트 번호 카드→사용 장면 인포그래픽→기능 모듈→인증·사양→주의사항으로 정보 층위를 순차적으로 분리했다. 특히 01~05 번호형 카드와 배경색 전환, 다음 섹션의 일부 노출을 반복해 긴 페이지에서도 사용자가 현재 위치와 다음 읽기 흐름을 쉽게 파악하게 한다.
PROJECT — 05 / 63
DETAIL PAGE DESIGN
웜톤 여백과 라운드 카드로 구축한 단계형 상세 디자인웜톤 여백과 라운드 카드로 구축한 단계형 상세 디자인
Warm-Toned Editorial Flow with Rounded Card HierarchySCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
전체 비주얼은 피치·베이지·아이보리와 짙은 브라운의 대비를 기본 축으로 삼고, 원형 프레임, 점선 커넥터, 확대 콜아웃, 타깃 마커 같은 제한된 그래픽 장치를 반복해 통일감을 만든다. 부드러운 곡면 배경, 큰 라운드 코너, 중앙 축 중심의 대칭 구도는 제품 이미지를 전시물처럼 보이게 하면서도 과장 없이 정제된 프리미엄 무드를 유지한다.
사용자 가독성
텍스트는 굵기와 크기 차이로만 위계를 명확히 나누고, 짧은 캡션·아이콘·모듈 반복을 활용해 한 화면당 읽어야 할 양을 नियंत्र했다. 이미지 중심 구간과 텍스트 중심 구간을 교차 배치하고, 표 영역·인증 영역·주의사항 영역은 각각 다른 정렬 방식과 명도 대비로 처리해 스캔성과 집중도를 상황에 맞게 조절했다.
POINT COLORS
Point 1#F3EFE8
Point 2#F1ECE2
Point 3#D9B39C
Point 4#5B4A41
Point 5#2F2A28
NEXT PROJECT — 06
DETAIL PAGE DESIGN