정보 설계
상단 브랜딩 인트로에서 시작해 소개 카드, 학원 소개, 공간 이미지, 아이콘 분류, 표형 정보, 문의와 위치 안내로 이어지는 순차 구조가 명확합니다. 각 구간마다 캡슐형 섹션 타이틀과 여백을 기준점으로 삼아 긴 페이지를 독립적인 챕터처럼 읽히게 만들었습니다.
PROJECT — 30 / 63
DETAIL PAGE DESIGN
청록 포인트로 정리한 에디토리얼 상세 구조청록 포인트로 정리한 에디토리얼 상세 구조
Editorial Detail Flow with Teal AccentsSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
화이트 배경 위 청록색을 반복 포인트로 사용하고, 흑백 인물 사진과 컬러 공간 이미지를 교차시켜 단조로움을 줄였습니다. 수채화 질감의 메인 비주얼, 반투명 라운드 박스, 선형 아이콘, 진한 헤더 바 등 서로 다른 장치를 한 톤 안에서 묶어 정제된 브랜드 인상을 유지합니다.
사용자 가독성
좌우 분할 텍스트-이미지 구조, 교차형 카드 반복, 중앙 정렬 소제목, 2열 그리드, 표형 박스, 입력 폼까지 콘텐츠 성격에 맞는 읽기 방식이 구분되어 있습니다. 큰 제목과 얇은 보조 텍스트의 위계, 일정한 간격과 구분선, 독립된 색면의 푸터 처리로 모바일 스크롤 환경에서도 탐색 흐름을 안정적으로 지원합니다.
POINT COLORS
Point 1#0e6672
Point 2#0b5b64
Point 3#ffffff
Point 4#d9d9d9
Point 5#111111
NEXT PROJECT — 31
DETAIL PAGE DESIGN