왜 정신건강의학과 홈페이지는 ‘망설임’에서 출발하는가
정신건강의학과 홈페이지 제작에서 가장 먼저 풀어야 할 문제는 화면이 아니라 망설임입니다. 몸이 아니라 마음이 힘든 사람은 “이걸 상담해도 되는 걸까, 여기 다닌 걸 누가 알게 되진 않을까”를 동시에 걱정하며 페이지를 엽니다. 그래서 이 홈페이지는 “이유가 있어서 그런 마음이니 괜찮다”는 문장을 히어로 첫 줄에 바로 두어, 증상을 설명하기 전에 먼저 안심시키는 것을 1번 목표로 잡았습니다. 다른 병원 카테고리가 진료과목을 먼저 보여 준다면, 이 사이트는 그보다 앞서 “당신의 속도에 맞춘다”는 태도부터 전합니다. 정신건강의학과의 첫 화면은 전문성 자랑이 아니라, 망설이는 사람의 어깨를 가만히 두드리는 자리여야 한다고 봤습니다.
색: 진정의 세이지, 다정의 라벤더
배경은 흰색이 아니라 따뜻한 아이보리 페이퍼(#fbf9f4)이고, 핵심 색은 세이지(#5c6f56)와 라벤더(#786a90)입니다. 병원 카테고리에서 흔한 클리니컬 블루 대신 세이지를 고른 이유는, 정신건강의학과에는 ‘위생’보다 ‘진정’의 감정이 먼저이기 때문입니다. 세이지는 자연·안정·회복을 연상시켜 병원 특유의 긴장을 낮추고, 라벤더는 다정함과 섬세한 배려를 더해 “판단하지 않고 들어준다”는 인상을 만듭니다. 두 색은 산부인과의 로즈·블러시, 이비인후과의 클리니컬 라이트블루와도 뚜렷이 구분되는 뮤트 톤으로 골라, 정신건강의학과만의 차분한 정체성을 세웠습니다. 강한 원색이나 경고성 톤은 전혀 쓰지 않아 화면 어디를 봐도 긴장이 생기지 않게 했습니다.
레이아웃과 모션: 유기적 블롭과 숨쉬는 리듬
섹션 사이는 딱딱한 직선이나 그리드 대신 물결형 블롭(organic blob) SVG로 부드럽게 이어집니다. 그리드·타임라인·캐러셀 같은 각진 구조를 전부 배제하고 단일 컬럼으로 차분히 흐르게 한 것도 같은 이유입니다 — 화면이 사람을 재촉하지 않아야 한다고 봤습니다. 히어로의 원형 오브와 체크인 위저드의 진행 인디케이터에는 6.4초 주기로 천천히 커졌다 작아지는 ‘숨쉬기(breathing)’ 애니메이션을 넣었는데, 이는 다른 의료 카테고리에서 흔한 빠른 펄스와 정반대로 실제 호흡 리듬에 가깝게 설계해 보는 것만으로 긴장을 낮추도록 했습니다. 스크롤 시 등장하는 요소도 빠르게 튀어 오르지 않고 1.3초에 걸쳐 천천히 떠오르게(fade-in-up) 해, 화면 전체가 서두르지 않는다는 인상을 유지합니다.
타이포: 가장 부드러운 라운드 산세리프
헤드라인과 본문 모두 둥근 느낌의 Pretendard 한 벌을 가벼운 굵기(340~400)로 쓰고, 행간을 1.9까지 넉넉히 벌렸습니다. 굵고 각진 글자는 단정적으로 들릴 수 있어, 이 카테고리에서는 일부러 자기주장이 약한 타이포를 골랐습니다. 다른 의료 샘플의 울트라라이트 미니멀이나 이탤릭 악센트와도 다른, “말끝을 흐리듯 편안한” 결입니다. 한글은 어절 단위(keep-all)로만 줄바꿈해 문장이 급하게 끊기지 않게 했고, 폰트는 서브셋을 자가 호스팅해 깜빡임 없이 조용히 떠오르게 했습니다.
시그니처: 진단이 아닌 ‘가만히 체크인’
이 홈페이지의 핵심 인터랙션은 가만히 체크인이라는 다단계 위저드입니다. 다른 병원 샘플이 평면 체크리스트로 증상을 나열한다면, 여기서는 수면 → 기분 → 몸의 긴장 → 일상 에너지 순으로 한 걸음씩 묻고, 매 단계 숨을 고르는 듯한 원형 인디케이터와 진행바를 함께 보여 줍니다. 결과 화면에는 체크한 항목에 맞는 진료 분야를 안내하되, “이 체크인은 진단이 아니며 참고용 안내”라는 문구와 “실제 진단은 반드시 전문의 상담을 통해 이루어진다”는 문장을 반드시 함께 노출합니다. 그 바로 아래에는 비대면상담(화상·전화) 옵션을 배치해, 체크인을 마친 사람이 내원이 아직 부담스러워도 다음 걸음을 뗄 수 있게 열어 두었습니다.
구조: 프라이버시 배려를 전면 배치
실제 벤치마크 리서치에서 정신건강의학과 카테고리의 공통 공백으로 확인된 것이 ‘익명성·프라이버시 배려·비대면진료 언급 부족’이었습니다. 그래서 이 사이트는 프라이버시 안내를 부가 정보가 아니라 전용 섹션으로 독립시켰습니다. 독립된 출입 동선, 기록·예약자 정보의 법적 범위 내 보호, 비대면상담이라는 선택지, 그리고 “실명이 부담스러우면 먼저 익명으로 문의해도 된다”는 네 가지를 카드로 명확히 밝혔습니다. 원장 소개 역시 “추측이 아니라 충분히 들은 다음에 말씀드립니다”라는 태도를 먼저 밝혀, 성급한 진단을 권하지 않는다는 신뢰를 앞세웠습니다. 상담 예약 섹션은 전화·비대면상담·방문 세 가지를 나란히 두어, 어떤 방법으로 시작해도 괜찮다는 메시지로 마무리됩니다.
정직과 발견(의료광고법 · GEO)
정신건강의학과는 「의료법」상 의료광고 사전심의 대상이 될 수 있어, 치료 효과나 완치를 단정하는 표현을 전혀 쓰지 않았습니다. 체크인 결과·원장 소개·페이지 하단 모두에 “치료 경과와 결과는 개인의 상태에 따라 다르며 특정 결과를 보장하지 않는다”는 문구를 일관되게 남겼고, 심의필 번호와 의료기관 정보를 표기할 자리도 명확히 마련했습니다. 그 위에 “정신건강의학과 방문 기록이 외부에 알려지나요”, “비대면상담만으로 진료가 가능한가요”처럼 실제로 검색되는 질문을 FAQ와 구조화 데이터(MedicalClinic·FAQPage 스키마)로 담아, 과장 없이도 검색엔진과 AI 답변 양쪽에서 정신건강의학과 홈페이지 제작 사례로 발견되게 했습니다.