감성 비주얼과 정보 블록을 교차시키는 흐름 설계
초반에는 풀블리드 음식 사진과 대형 헤드라인으로 시선을 붙잡고, 중간부터는 WHY 섹션·패키지 표기·조리 가이드·Q&A처럼 성격이 다른 정보 덩어리를 분리해 배치했다. 이미지 몰입 구간과 확인형 정보 구간이 번갈아 나타나기 때문에 긴 세로 페이지에서도 사용자가 현재 읽는 내용의 성격을 쉽게 파악할 수 있다.
PROJECT — 37 / 63
DETAIL PAGE DESIGN
강한 대비로 정리한 푸드 에디토리얼 상세강한 대비로 정리한 푸드 에디토리얼 상세
Bold Contrast Editorial FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
레드 포인트와 굵은 타이포로 만든 명확한 시각 위계
전체 화면은 화이트와 블랙을 기본으로 유지하고, 캡슐형 배지·리본 라벨·가로선·경고 박스에 레드를 집중적으로 사용해 중요한 지점을 즉시 인식하게 한다. 여기에 초대형 산세리프 제목, 일부 단어 강조, 원형 번호 배지, 굵은 섹션 라인을 더해 각 구간의 시작과 핵심 문장을 강하게 부각했다.
모바일 스크롤에 맞춘 높은 가독성과 탐색성
중앙 정렬 타이틀, 좌측 정렬 정보표, 반복형 Q&A, 번호 리스트 등 읽기 방식이 다른 콘텐츠를 형식별로 일관되게 정리해 스캔이 쉽다. 긴 문단 대신 짧은 텍스트 블록과 행 구분선, 아이콘-텍스트 조합, 충분한 여백을 사용해 이미지 비중이 큰 화면에서도 답답하지 않게 정보를 따라가도록 만들었다.
POINT COLORS
Point 1#D40000
Point 2#FFFFFF
Point 3#000000
Point 4#F2F2F2
Point 5#7A4A2A
NEXT PROJECT — 38
DETAIL PAGE DESIGN