정보 설계
도입부의 대형 헤드라인과 정물 사진으로 시선을 고정한 뒤, 아이콘 카드·브랜드 소개·설명형 카드·비교형 그리드·리뷰 카드·고객 안내로 흐름을 세분화했습니다. 각 구간은 번호 배지, 캡슐형 헤더, 구분선, 반복 카드 패턴으로 역할이 분명히 나뉘어 긴 페이지에서도 현재 읽는 정보군을 쉽게 파악하게 합니다.
PROJECT — 06 / 63
DETAIL PAGE DESIGN
청록 포인트로 정리한 에디토리얼 상세 구조청록 포인트로 정리한 에디토리얼 상세 구조
Teal-Led Editorial Detail SystemSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
전체 디자인은 청록색과 화이트를 중심으로 한 제한된 팔레트 위에 저채도 사진, 흑백 오버레이, 노란 별점, 올리브 버튼 같은 포인트를 얹어 장면 전환을 만듭니다. 풀블리드 원물 사진과 중앙 배치된 굵은 산세리프, 선형 물고기 아이콘, 브러시형 워드마크를 조합해 정제된 정보감과 감성적 현장감을 균형 있게 유지합니다.
사용자 가독성
모바일 기준에서 한 화면에 하나의 핵심 메시지만 읽히도록 큰 여백, 중앙 정렬 제목, 짧은 설명, 동일 규격 카드가 반복됩니다. 후기 영역은 말풍선형 카드와 이미지 우선 배치로 빠르게 훑히고, 비교 섹션은 2열·3열 그리드와 굵기 차이, 작은 주석 텍스트로 정보 밀도를 높이면서도 스캔성을 해치지 않도록 정리되어 있습니다.
POINT COLORS
Point 1#2F6476
Point 2#234B5A
Point 3#FFFFFF
Point 4#F2F2F2
Point 5#F5C21A
NEXT PROJECT — 07
DETAIL PAGE DESIGN