왜 치과 홈페이지는 ‘안심’에서 출발하는가
치과 홈페이지 제작에서 가장 먼저 푸는 문제는 디자인이 아니라 두려움입니다. 사람들은 치과를 ‘아프고, 설명 없이 비싸다’고 느끼며 미룹니다. 그래서 이 치과 홈페이지는 “이곳은 깨끗하고, 충분히 설명해 준다”를 0.3초에 전하는 것을 1번 목표로 잡았습니다. 실제 히어로의 헤드라인도 “서두르지 않는 진료, 충분히 설명하는 치과”로 잡고, 바로 아래 답변 한 줄(“진단 결과를 먼저 설명하고, 과잉 없이 함께 결정합니다”)을 둬서, 보자마자 불안의 절반을 풀게 했습니다.
색: 청결의 크림, 신뢰의 골드
바탕은 차가운 형광 흰색이 아니라 크림 페이퍼(#fdfbf6)입니다. 치과는 ‘하얘야’ 하지만, 새하얀 병원 흰색은 차갑고 긴장을 키웁니다. 그래서 따뜻한 미색을 깔아 청결함은 지키되 온기를 남겼고, 포인트로 골드(#b6924f·#8f7233)를 절제해 써 품격과 신뢰를 더했습니다. 보조로 세이지 그린을 두어 ‘위생·차분함’의 인상을 보탰습니다. 결과적으로 ‘소독약 냄새 나는 병원’이 아니라 ‘정돈된 진료실’의 느낌입니다.
타이포: 명조의 차분함
헤드라인과 진료시간 카드 제목에 명조(나눔명조)를 쓴 건 우연이 아닙니다. 명조의 가는 세리프는 차분·신뢰·정성을 시각으로 전합니다 — 과장하지 않고 ‘기본을 지킨다’는 이 치과의 철학과 정확히 맞습니다. 본문은 Pretendard로 가독성을 확보하고, 한글은 word-break를 어절 단위(keep-all)로 잡아 음절이 어색하게 끊기지 않게 했습니다. 격식과 읽기 편함을 동시에 잡은 셈입니다.
이미지: 얼굴도 치아도 보이지 않게
히어로 이미지는 일부러 사람 얼굴이나 치아 클로즈업을 쓰지 않았습니다. 환자가 두려워하는 바로 그 장면이기 때문입니다. 대신 밝고 차분한 대기 공간의 추상적인 빛과 면을 보여, ‘여기 오면 편안하겠다’는 감정을 먼저 줍니다. 장비 섹션도 디지털 구강 스캐너처럼 ‘무섭지 않은’ 신뢰 신호만 골랐습니다. 의료 사진은 자칫 과장·혐오감을 줄 수 있어, 이미지 선택 자체가 의료광고법과 환자 심리를 함께 배려한 결정입니다.
구조와 전환: 망설임에서 예약까지
진료 항목(임플란트·교정·심미·일반·소아·예방)을 카드로 명확히 나눠 환자가 자기 문제를 빠르게 찾게 했고, ‘진료 철학·장비’와 ‘의료진’ 섹션으로 신뢰를 쌓았습니다. 진료시간 표와 오시는 길을 한 화면에 묶고, 상단 유틸바·히어로·하단까지 모든 동선이 진료 예약 하나로 모이게 했습니다. 치과 홈페이지 제작에서 디자인의 목적은 결국 ‘한 통의 예약 전화’입니다.
모바일에서 시작되는 예약
환자는 대개 치통이 시작된 밤이나 출근길에, PC가 아니라 휴대폰으로 치과를 찾습니다. 그래서 이 사이트는 모바일을 먼저 설계했습니다. 작은 화면에서도 진료 항목과 진료시간이 한눈에 들어오고, 화면 어디서든 한 번의 터치로 전화·예약이 되도록 했습니다. 메뉴는 자바스크립트 없이 체크박스만으로 열리게 해 가볍고 안정적입니다. 데스크톱에서는 여백과 명조의 차분함으로 신뢰를 키우고, 모바일에서는 속도와 예약 동선을 키워, 같은 페이지가 두 맥락 모두에서 제 역할을 하도록 맞췄습니다.
정직과 발견(의료광고법·GEO)
「의료법」상 의료광고는 사전심의 대상이 될 수 있어, 치료 결과를 보장하거나 과장하는 표현을 쓰지 않았습니다. 페이지 하단에 의료광고 안내·심의필 번호 자리를 명시하고, “진료 방법·결과는 환자 상태에 따라 다르며 결과를 보장하지 않는다”는 문구를 곳곳에 정직하게 넣었습니다. 동시에 “임플란트 비용”, “치과 예약”처럼 환자가 실제로 검색하는 질문에 답하는 FAQ와 구조화 데이터(Dentist·FAQPage 스키마)를 넣어 — 검색엔진과 AI 답변 양쪽에서 치과 홈페이지 제작 사례로 발견되게 했습니다. 보기 좋은 사이트가 아니라, 법을 지키면서도 찾아지고 예약으로 이어지는 사이트를 목표로 했습니다.