정보 설계
첫 화면의 브랜드·헤드라인 집중 구간에서 시작해 아이콘 요약, 사용 맥락 소개, 기능 포인트, 인증, FAQ, 사이즈와 제품 정보 표로 이어지는 순차 구조를 만든다. 각 섹션은 역할이 분명하게 분리되어 길이가 긴 페이지임에도 사용자가 지금 어떤 정보를 읽고 있는지 쉽게 파악할 수 있다.
PROJECT — 02 / 63
DETAIL PAGE DESIGN
강한 대비와 단계적 스크롤 위계로 정리한 상세 페이지강한 대비와 단계적 스크롤 위계로 정리한 상세 페이지
Red-Accent Editorial Product DetailSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
와인톤 레드와 버건디를 핵심 신호색으로 반복 사용하고, 블랙·화이트의 고대비 타이포와 금속 질감이 살아 있는 실사 이미지를 결합해 강한 존재감을 만든다. 풀블리드 라이프스타일 컷, 원형 인셋, 점선 가이드, 동심원 그래픽, 캡슐 배지 같은 장치를 섞어 섹션마다 다른 리듬을 주면서도 전체 톤은 일관되게 유지한다.
사용자 가독성
초대형 제목, 굵기 차가 큰 텍스트 계층, 중앙 정렬과 좌측 정렬의 명확한 분리, 넉넉한 여백, 2열 비교와 표 형식 정리로 모바일 스캔성을 높였다. 특히 이미지 위 텍스트, 치수선, 강조 박스, FAQ 번호 앵커를 활용해 복잡한 내용을 짧은 시선 이동만으로 이해하도록 돕는다.
POINT COLORS
Point 1#8B0F17
Point 2#C4161C
Point 3#111111
Point 4#FFFFFF
Point 5#D8C3A3
NEXT PROJECT — 03
DETAIL PAGE DESIGN