정보 설계
도입부는 브랜드와 주제를 강하게 인지시키는 히어로 비주얼로 시작하고, 이후 일정·조건·신청 정보, 핵심 메시지 구간, 주차별 커리큘럼, 강사 소개와 참고사항으로 흐름을 단계적으로 분리했다. 특히 반복되는 단일 컬럼과 주차별 동일 포맷은 긴 페이지에서도 사용자가 구조를 예측하며 빠르게 스캔할 수 있게 만든다.
PROJECT — 31 / 63
DETAIL PAGE DESIGN
청록 포인트로 정리한 에디토리얼 정보 흐름청록 포인트로 정리한 에디토리얼 정보 흐름
Teal-Led Editorial Information FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
청록색 오버레이와 포인트 라인, 원형 배지, 연한 파란 라벨이 전체 페이지의 시각적 연결 장치로 작동한다. 여기에 사진 목업, 워드클라우드형 텍스트 그래픽, 옅은 대형 워터마크 패턴을 더해 장식을 과하게 늘리지 않으면서도 각 섹션의 전환감과 리듬을 확보했다.
사용자 가독성
굵은 제목과 작은 본문, 좌측 정렬 정보 블록, 얇은 구분선, 번호형 리스트를 조합해 우선순위를 직관적으로 읽히게 했다. 모바일 스크롤 환경에 맞춘 한 열 중심 구성과 넉넉한 세로 여백 덕분에 정보 밀도가 높아도 답답하지 않고, 필요한 항목을 중간에서 바로 찾아가기 쉬운 편집 구조를 만든다.
POINT COLORS
Point 1#2f9bb0
Point 2#2ea3b6
Point 3#49a9c7
Point 4#dfeff2
Point 5#111111
NEXT PROJECT — 32
DETAIL PAGE DESIGN