PROJECT — 51 / 63

DETAIL PAGE DESIGN

곡선형 구획과 대형 타이포로 설계한 교육형 상세페이지곡선형 구획과 대형 타이포로 설계한 교육형 상세페이지

Teal-Led Editorial FlowSCROLL TO EXPLORE ↓
FULL DETAIL VIEW · Teal-Led Editorial Flow100%
곡선형 구획과 대형 타이포로 설계한 교육형 상세페이지 포트폴리오 디자인

DESIGN POINTS

01

단계와 주제 전환이 분명한 정보 설계

오프닝 히어로 이후 2단 비교 구간, 번호형 설명 블록, 카드형 인트로, 실사 갤러리, 아이콘 카드, 표형 정보 섹션으로 흐름이 순차 전개된다. 각 구간은 중앙 타이틀·구분선·번호 배지·색면 전환으로 역할이 분리되어, 긴 페이지에서도 현재 위치와 정보 성격을 즉시 파악할 수 있게 설계됐다.

02

청록 중심 색면과 곡선 도형의 일관된 시각 언어

청록·민트 계열을 핵심 포인트로 반복하고, 중후반부에는 노랑과 라임을 확장 색으로 더해 섹션별 분위기를 환기한다. 물결형 경계, 둥근 카드, 원형 배지, 구름형 실루엣, 손그림 아이콘과 3D 오브젝트를 함께 사용해 교육적이면서도 딱딱하지 않은 편집 이미지를 완성했다.

03

모바일 스크롤에 최적화된 가독성 중심 편집

매우 큰 헤드라인과 굵기 대비가 큰 산세리프 타이포를 중심으로, 본문은 카드·표·라벨 열 구조로 잘게 분해해 스캔이 쉽다. 핵심 단어만 색상으로 강조하고 여백을 넉넉히 확보해 긴 문장도 부담 없이 읽히며, 큰 이미지와 작은 예시 썸네일의 크기 차로 시선 흐름도 안정적으로 제어한다.

POINT COLORS

Point 1#49D4DF
Point 2#39CFE0
Point 3#C7D93A
Point 4#F2C800
Point 5#FFFFFF

NEXT PROJECT — 52

PPT DESIGN

청록 포인트의 인포그래픽 그리드

VIEW NEXT ↗