온결치과병원 — 분과 전문의 협진 치과병원 13페이지 사이트

서울 강남 역삼의 가상 치과병원 '온결치과병원'을 위한 13페이지 정적 사이트입니다. 보철 · 구강외과 · 교정 · 보존 분과 전문의 4인이 협진하는 병원이라는 설정으로, 실제 치과 홈페이지에서 환자가 찾는 정보를 빠짐없이 담는 데 집중했습니다.

구성

• 홈: 무음 반복 배경 영상 히어로, 진료과목 아이콘 8개, 다른 점 4가지, 의료진, 전후 사례, 장비, 진료시간과 네이버 지도
• 병원소개 · 의료진 · 장비, 임플란트 · 치아교정 · 전문진료, 전후 사례(분류 필터 + 비교 슬라이더), 비급여 진료비(검색), 오시는 길
• 오른쪽 퀵메뉴(네이버 예약 · 블로그 · 카카오톡 · 전화 · TOP), 모바일에서는 하나의 '예약 상담' 버튼으로 접힘

디자인과 접근성

실제 치과병원 홈페이지 여러 곳을 조사해 Pretendard 단일 서체, 전폭 섹션과 얇은 구분선, 네이비 한 색의 차분한 톤으로 만들었습니다. 히어로 영상은 화면에 보일 때만 재생하고 일시정지 버튼을 두었으며, prefers-reduced-motion에서는 멈춘 채 시작합니다. iOS Safari 재생을 위해 영상 경로만 Range 요청에 206으로 답하는 Worker를 붙였습니다.

상호 · 의료진 · 연락처는 모두 가상 정보이고, 사진과 영상은 이 데모를 위해 생성형 AI로 만들었습니다.