단계가 분명한 정보 설계
도입부의 카드형 히어로에서 주제를 인지시킨 뒤, 지식 섹션의 3열 아이콘·원형 다이어그램·상승형 인포그래픽·번호별 기능 소개·리워드 블록으로 이어지는 순차 구조를 만든다. 각 구간은 질문형 타이틀, 섹션명, 번호 배지, 분리선으로 시작점을 명확히 표시해 긴 페이지에서도 정보 덩어리가 쉽게 구분된다.
PROJECT — 38 / 63
DETAIL PAGE DESIGN
블루 포인트로 정리한 의료형 정보 흐름블루 포인트로 정리한 의료형 정보 흐름
Structured Clinical Editorial LayoutSCROLL TO EXPLORE ↓
DESIGN POINTS
의료 신뢰감을 만드는 시각 표현
반투명 블루 오버레이, 진한 블루 풀폭 배경, 선형 아이콘, 원형 노드, 점과 연결선 같은 요소를 반복해 전문적이고 정돈된 인상을 유지한다. 실제 모바일 캡처와 일러스트, 비교형 Good/Bad 시각 언어, 스마트폰 목업을 함께 사용해 추상 설명보다 구조와 사용 맥락이 먼저 보이도록 연출했다.
중앙 정렬과 여백 중심의 가독성
큰 한글 헤드라인과 얇은 보조문, 파란 하이라이트 박스와 밑줄, 회색 보조 타이포를 조합해 읽는 우선순위를 분명히 만든다. 넓은 화이트 스페이스와 세로 흐름, 이미지-설명 연결선, 병렬 캡처 배열 덕분에 복잡한 화면 사례도 모바일 환경에서 한 단계씩 따라가기 쉬운 구성이 된다.
POINT COLORS
Point 1#2f73b8
Point 2#6ea0c6
Point 3#ffffff
Point 4#1f1f1f
Point 5#d9d9d9
NEXT PROJECT — 39
DETAIL PAGE DESIGN