감성 이미지와 정보 블록의 교차형 정보 설계
상단 히어로, 소개형 메시지, 번호 섹션, FAQ형 안내, 배송 카드, 약속 블록까지 긴 페이지를 작은 챕터 단위로 분절했다. 대형 음식·원재료 사진으로 시선을 먼저 붙잡고, 이후 3열 아이콘 카드·2열 정보 카드·방사형 인포그래픽·3분할 박스 등 구조화된 모듈로 내용을 다시 정리해 스크롤 피로를 줄인다.
PROJECT — 55 / 63
WEB DESIGN
여백과 그리드로 정리한 내추럴 에디토리얼 웹여백과 그리드로 정리한 내추럴 에디토리얼 웹
Editorial Green FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
초록 포인트와 에디토리얼 타이포가 만든 일관된 시각 언어
짙은 초록, 연한 올리브, 오렌지 보조 포인트를 상황에 따라 나누어 쓰면서도 전체 인상은 자연친화적이고 프리미엄한 톤으로 유지했다. 세리프와 산세리프의 대비, 중앙 정렬 헤드라인, 얇은 세로선과 가로선, 원형·라운드 배지, 선형 아이콘이 반복되며 각기 다른 구간을 하나의 브랜드 경험처럼 묶어준다.
모바일 스크롤에 최적화된 가독성과 흐름 제어
넓은 화이트 스페이스와 짧은 텍스트 블록, 굵기 차가 큰 제목 체계로 한 화면에서 하나의 메시지가 또렷하게 읽히도록 설계했다. 일부 잘린 이미지, 다음 섹션의 상단 노출, 배경색 전환, 번호 마커와 구분선은 사용자가 현재 위치와 다음 흐름을 자연스럽게 인지하게 만드는 장치로 작동한다.
POINT COLORS
Point 1#2f6f36
Point 2#b6c889
Point 3#f28c1a
Point 4#ffffff
Point 5#111111
NEXT PROJECT — 56
WEB DESIGN