○○한의원 홈페이지 템플릿 첫 화면. 약장 그림 옆에 상담 신청 버튼과 진료 시간
실제 화면 캡처
AI 이미지 도구로 만든 일러스트입니다. 실제 화면은 위에 있습니다.

홈페이지 템플릿

한의원 홈페이지 템플릿

진료 안내, 가격, 오시는 길, 상담 버튼을 한 페이지에 담았습니다.

견본 페이지 열기 (새 창)

견적 문의

작업 기록

실제 화면

○○한의원 템플릿 첫 화면. 한약장 그림 옆에 「처음 오신 날부터 차근차근 설명합니다」와 상담 신청 버튼 (PC)
○○한의원 템플릿 첫 화면. 한약장 그림 옆에 「처음 오신 날부터 차근차근 설명합니다」와 상담 신청 버튼 (휴대폰)
실제 페이지와 프로그램을 찍은 화면을 기기 틀에 넣었습니다.

소개

한의원용 한 페이지 홈페이지 템플릿입니다. 이름과 사진은 비워 두고 ○○한의원으로 표시해서, 어느 한의원이든 내용만 바꿔 쓸 수 있습니다.

목적

처음 오는 환자가 궁금해하는 진료 과정, 가격, 오시는 길을 한 페이지에서 순서대로 보여 주는 것.

주요 기능

  • 진료 과정, 자주 묻는 질문, 가격 안내, 오시는 길이 한 페이지에 차례로 있습니다.
  • 휴대폰에서는 화면 아래에 전화, 상담, 길 찾기 버튼이 늘 떠 있습니다.
  • 글자를 모두 텍스트로 넣어 네이버와 구글 검색에 잡힙니다.
  • 첫 화면의 약장 그림은 사진이 아니라 CSS로 그렸습니다.

적용 기술

HTML, CSS, JavaScript
파일 하나로 된 정적 페이지
Google Fonts
글꼴

시연과 체험

관련 작업

맡은 일과 AI 도구

AI 도구를 쓴 곳

  • 화면 구성, 문구, 코드는 AI 코딩 도구(Claude)로 만들었습니다(저장소 기록 2026-10-16).