Healthcare

동물병원 홈페이지 '온담' — 24시 응급 판단 도우미

새벽에 아이 상태가 이상할 때, 지금 데려와야 하는지부터 알려 주는 24시 동물병원 홈페이지입니다. 진료과 6종과 고양이 전용 동선을 나누고, 진료비는 수의사법 게시 의무에 맞춰 금액 없이 안내형으로 정리했습니다.

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

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

문제

동물병원 방문의 절반은 '이게 응급인가'를 모르는 새벽에 시작된다. 레퍼런스 3곳은 24시 진료를 배지로만 알릴 뿐, 보호자가 판단할 근거를 주지 않았다. 게다가 수의사법상 진료비 사전 게시 의무가 있어 3곳 다 '진료비 안내' 메뉴를 두는데, 데모는 금액을 쓸 수 없다.

해결

첫 화면에 응급 판단 도우미를 놓아 상태 칩을 고르면 지금 와야 하는지·집에서 확인할 것·올 때 챙길 것이 3단계 응급도로 갈려 렌더된다. 진단으로 오인되지 않도록 '안내이며 진단이 아닙니다' 고지를 컴포넌트 안에 상시 노출했다. 진료비는 금액 대신 게시 항목·게시 방식·안내 시점을 표로 만들어 법정 의무를 데모에서도 지키는 형태로 풀었다. 응급 레드는 사이트에서 24시 블록에만 써서 위계를 지켰다.

8
페이지: 0
가로 오버플로(5뷰포트 전수): 3
응급도 분기

화면