정보 설계
전체 흐름은 히어로 인트로, 3분할 아이콘 요약, 2열 카드 설명, 질문형 섹션, 비교형 모듈, 체크포인트 구간, 카드형 안내 블록으로 이어지며 스크롤만으로도 정보 성격이 단계적으로 구분됩니다. 라벨 → 대제목 → 보조문장 → 이미지 → 하위 설명의 반복 구조를 유지해 긴 페이지에서도 읽는 규칙이 흔들리지 않습니다.
PROJECT — 61 / 63
WEB DESIGN
강한 대비로 정리한 푸드 에디토리얼 랜딩강한 대비로 정리한 푸드 에디토리얼 랜딩
Editorial Landing with Red ContrastSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
풀블리드 음식 사진, 어두운 오버레이, 손그림 일러스트, 캘리그래피, 라운드 카드, 원형 크롭 이미지가 혼합되며 프리미엄과 수공예 감성을 함께 만듭니다. 특히 흰색·적갈색의 고대비 타이포와 짙은 배경 블록은 섹션의 시작과 전환을 강하게 표시하며, 얇은 라인 아이콘과 세로 가이드 요소가 무거운 사진 중심 화면을 정돈합니다.
사용자 가독성
대부분의 구간이 중앙 정렬과 넓은 여백을 기반으로 구성되어 작은 화면에서도 핵심 문장을 빠르게 포착할 수 있습니다. 사진 위 텍스트는 반투명 오버레이와 굵기 대비로 읽기 쉽게 처리했고, 2열 비교·3열 요약·캡슐 배지·체크포인트 라벨처럼 스캔 가능한 단위를 반복해 정보 탐색 부담을 줄였습니다.
POINT COLORS
Point 1#ffffff
Point 2#b21f0f
Point 3#1f1f1f
Point 4#2b2b2b
Point 5#f2f2f2
NEXT PROJECT — 62
WEB DESIGN