병원 홈페이지 디자인

글자와 화면의 위계

제목과 본문의 크기 차이를 분명히 하고 진료 시간처럼 자주 찾는 안내를 위쪽에 배치합니다. 사진 위 문구와 버튼은 실제 기기 크기에서 다시 맞춥니다.

모바일 이용 과정

좁은 화면에서 메뉴를 열고 진료 설명을 읽은 뒤 문의까지 가는 순서를 직접 따라갑니다. 긴 표나 고정 버튼이 본문을 가리지 않도록 배치를 조정합니다.

접근성 점검 항목

이미지 대체 글과 키보드 이동, 입력 항목 이름을 점검 범위에 포함합니다. 어떤 기기와 브라우저에서 검수할지는 제작 전에 병원과 합의합니다.

화면이 완성되는 순서

1. 시안 방향 협의

   병원 로고와 사진을 바탕으로 색과 글자 분위기가 다른 시안 방향을 제안합니다.

2. 모바일 우선 배치

   휴대전화 화면에서 정보 순서를 먼저 만들고 넓은 화면으로 확장합니다.

3. 실제 기기 검수

   합의한 휴대전화와 브라우저에서 메뉴 열기와 문의 입력을 직접 시험합니다.

4. 접근성 보완

   대체 글이 빠진 이미지와 키보드로 닿지 않는 버튼을 찾아 고칩니다.

디자인 단계에서 협의할 결과물

• 메인·하위 페이지 디자인 시안
• 모바일 화면의 정보 순서
• 기기·브라우저별 검수 결과

디자인 상담에 필요한 것

• 병원 로고 원본과 사용 가능한 사진
• 참고하고 싶은 화면이나 분위기
• 지금 모바일 화면에서 불편했던 점

병원 홈페이지 디자인 자주 묻는 질문