Healthcare

치과 홈페이지 '여문치과' — 증상별 진료 찾기

증상을 고르면 어떤 진료로 이어지는지 먼저 보여 주는 치과 홈페이지입니다. 진료 6종마다 치료 시간·마취·내원 횟수·기간·유지관리를 표로 정리하고, 하단 고정 상담바에서 어느 화면에서든 문의할 수 있습니다.

비공개·데모 — AI 가상 데이터로 재구성한 예시입니다

데모 열기 ↗정적 HTML, Tailwind CSS(빌드), 바닐라 JS, nginx

문제

치과 사이트는 시술 정보가 많은데 방문자는 '내 증상이 어느 진료인지'를 모른다. 레퍼런스 3곳 모두 진료 목록을 나열할 뿐이라, 증상에서 진료로 건너가는 다리가 없었다. 여기에 의료광고 규제상 효과 보장·수치 클레임을 쓸 수 없어 신뢰를 다른 방식으로 만들어야 했다.

해결

첫 화면에 증상 셀렉터를 놓아 칩 하나를 고르면 해당 진료 카드가 하이라이트되고 확인 순서가 그 자리에서 열린다. 신뢰는 과장 대신 계측으로 만들었다 — 진료마다 5개 필드 스펙바(치료 시간·마취·내원 횟수·치료 기간·유지관리)에 '통상·개인차' 고지를 붙이고, 장비와 재료는 도판(FIG.) 캡션으로 노출한다. 가격·할인 표기는 전면 배제하고 건강보험 적용 여부만 안내형 표로 정리했다.

8
페이지: 0
가로 오버플로(4뷰포트 전수): 5
진료별 스펙 필드

화면