정보 설계
도입부는 중앙 정렬 헤드라인과 대형 제품명으로 즉시 주제를 고정하고, 이후 아이콘 3열 요약, 카드형 정보, 방수·음향·연결성·규격 섹션으로 기능군을 분리해 스크롤 흐름을 단계적으로 설계했다. 감성형 히어로 화면 뒤에는 콜아웃, 확대컷, 초대형 수치, 비교형 규격표를 배치해 추상적 인상에서 구체적 확인으로 자연스럽게 이동한다.
PROJECT — 18 / 63
DETAIL PAGE DESIGN
대비와 모듈로 정리한 테크 상세페이지대비와 모듈로 정리한 테크 상세페이지
Contrast-Driven Modular Tech DetailSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
화이트 배경의 미니멀 구간과 블랙 배경의 하이테크 구간을 반복 교차시키며 리듬을 만들고, 블루·청록 포인트를 물결, 회로선, 배지, 구분선, 콜아웃 라인에 일관되게 사용해 기술적 인상을 강화했다. 물방울 텍스처, 폴리곤 배경, 파편 그래픽, 대각선 오버레이, 원형 마스크 등 다양한 장치를 쓰되 모두 제품 렌더와 타이포를 중심으로 수렴시켜 시각적 과밀을 피한다.
사용자 가독성
큰 제목-짧은 설명-보조 라벨의 반복 구조와 굵기 대비가 명확해 한 화면마다 읽어야 할 정보의 우선순위가 선명하다. 아이콘형 카드, 테두리 박스, 캡슐 라벨, 치수선, 표 레이아웃처럼 정보 단위를 형태로 구분해 모바일에서도 빠른 스캔이 가능하며, 넓은 여백과 중앙 정렬을 적극 활용해 긴 상세 구성에도 피로도를 낮췄다.
POINT COLORS
Point 1#FFFFFF
Point 2#000000
Point 3#0B77B8
Point 4#23E6F2
Point 5#D9EEF9
NEXT PROJECT — 19
DETAIL PAGE DESIGN