정보 설계
상단 히어로, 비교형 요약, 카드 그리드, 체크포인트, 배송 안내까지 각 구간을 성격별 모듈로 분리하고 중앙 정렬 중심의 단일 흐름으로 재조립해 긴 세로 페이지에서도 위계가 끊기지 않도록 구성했다. 3열 비교, 2열 병렬, 단계형 체크포인트, 콜아웃 연결선 등 서로 다른 정보 구조를 구간별 목적에 맞게 배치해 스캔과 집중의 리듬을 분명히 만들었다.
PROJECT — 01 / 63
DETAIL PAGE DESIGN
다크 톤과 레드 포인트로 완성한 식품 상세 편집 디자인다크 톤과 레드 포인트로 완성한 식품 상세 편집 디자인
Dark Editorial Flow with Red AccentsSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
어두운 우드 톤과 음식 실사, 흰색 타이포, 딥 레드 포인트의 반복으로 프리미엄한 인상을 유지하면서도 각 섹션 전환을 강하게 체감하게 한다. 반투명 오버레이, 손그림 일러스트, 손글씨 스타일 캡션, 적갈색 컬러 블록, 라운드 카드와 캡슐형 배지 등 다양한 장치를 하나의 톤으로 통합해 감각적이지만 정돈된 화면을 완성했다.
사용자 가독성
큰 제목과 짧은 보조 문구의 계층, 넉넉한 여백, 이미지와 텍스트의 분리, 딤 처리된 사진 위 오버레이 텍스트를 통해 모바일 환경에서도 핵심 메시지가 빠르게 읽히도록 했다. 특히 강한 사진 구간 뒤에 화이트 스페이스 중심의 정보 구간을 배치해 시각적 피로를 낮추고, 다음 섹션을 암시하는 배지·버튼·컷오프 이미지로 자연스러운 스크롤 유도까지 설계했다.
POINT COLORS
Point 1#B21F10
Point 2#A61F0F
Point 3#1F1F1F
Point 4#FFFFFF
Point 5#8B5A3C
NEXT PROJECT — 02
DETAIL PAGE DESIGN