PROJECT — 13 / 63

DETAIL PAGE DESIGN

자연 질감을 엮은 에디토리얼 상세페이지자연 질감을 엮은 에디토리얼 상세페이지

Earthy Editorial FlowSCROLL TO EXPLORE ↓
FULL DETAIL VIEW · Earthy Editorial Flow100%
자연 질감을 엮은 에디토리얼 상세페이지 포트폴리오 디자인

DESIGN POINTS

01

정보 설계의 리듬을 만든 섹션 분할

히어로에서 핵심 인상을 먼저 각인한 뒤, 수치 강조, 질문형 전환, 순환 구조 도식, 포인트 그리드, 인증서 증빙, Q&A, 사용 장면 이미지로 이어지는 흐름이 단계적으로 구성되어 있습니다. 각 구간은 설명 방식이 반복되지 않도록 텍스트 중심·이미지 중심·비교형 레이아웃을 교차시켜 긴 페이지에서도 정보 피로를 줄입니다.

02

자연 친화 톤을 일관되게 묶는 시각 표현

브라운, 올리브 그린, 크림, 크래프트 베이지를 중심으로 한 저채도 팔레트가 전체 인상을 통일하고, 잎사귀 모티프, 손그림 화살표, 방사형 장식, 그리드 배경, 종이 질감이 친환경 콘셉트를 시각적으로 확장합니다. 실사 컵 이미지와 소재 클로즈업, 문서 캡처, 일러스트를 한 화면 안에서 혼합하면서도 톤을 유지해 에디토리얼 포스터 같은 완성도를 만듭니다.

03

대형 타이포와 정렬 체계로 확보한 가독성

매우 큰 헤드라인, 강조 숫자, 인용형 문장, 말풍선 배지, 손글씨 포인트 등 서로 다른 타이포 계층을 분명히 구분해 먼저 읽혀야 할 정보가 즉시 드러납니다. 중앙 정렬과 좌우 분할, 4열 그리드, 2×2 이미지 배열 같은 규칙적인 틀을 사용해 스캔이 쉬우며, 넓은 여백과 절제된 본문 길이로 모바일 스크롤 환경에서도 읽기 흐름이 안정적입니다.

POINT COLORS

Point 1#6B4F1D
Point 2#8A9B3A
Point 3#F3F0E6
Point 4#F2E7D4
Point 5#FFFFFF

NEXT PROJECT — 14

DETAIL PAGE DESIGN

검증 정보를 리듬 있게 편집한 그린 에디토리얼

VIEW NEXT ↗