왜 산부인과 홈페이지는 ‘프라이버시’에서 출발하는가
산부인과 홈페이지 제작에서 가장 먼저 푸는 문제는 화면이 아니라 조심스러움입니다. 방문자는 “여기가 내 이야기를 편견 없이 들어줄까, 대기실에서 마주치는 사람은 없을까, 어떻게 예약하지”를 동시에 걱정하며 들어옵니다. 그래서 이 여성의원 사이트는 “이곳은 조용히 안심된다, 혼자 와도 괜찮다”를 0.3초에 전하는 것을 1번 목표로 잡았습니다. 실제 페이지의 히어로 카피도 ‘당신의 이야기를 먼저 듣는 진료’ — 시술 자랑이 아니라 안심을 먼저 말합니다. 그 아래 이탤릭 악센트로 강조한 한 줄(‘조용히 안심되는 산부인과’)이 곧장 방문 전 불안을 받아 줍니다. 산부인과 홈페이지의 첫 화면은 결과를 단정하는 자리가 아니라, 망설이는 사람의 긴장을 풀어 주는 자리여야 한다고 봤습니다.
색: 안심의 로즈, 절제된 블러시
실제 사이트의 바탕은 흰색에 가까운 아이보리 톤이고, 핵심 색은 차분한 로즈(#c9829a·딥 #a95d78)와 은은한 블러시(#fbeef1)입니다. 로즈는 여성의학이라는 영역을 과하지 않게 드러내면서도 따뜻한 인상을 주고, 블러시는 배경 곳곳에 옅게 깔려 화면 전체를 부드럽게 감쌉니다. 로고 마크와 카드 이미지 슬롯에 로즈 계열 그라데이션을 반복해 브랜드 톤을 일관되게 유지했고, 골드(#c9a15a)는 자격·신뢰 배지처럼 아주 절제된 곳에만 포인트로 남겨 화려함보다 안정감을 우선했습니다. 강한 원색이나 임상적인 차가운 톤 대신, 방문 자체가 부담스러울 수 있는 진료과 특성을 고려해 화면 전체를 한 톤 낮춰 조심스럽게 설계했습니다.
타이포: 이탤릭 악센트가 만드는 낮은 목소리
이 사이트는 헤드라인 본문 모두 Pretendard 한 벌을 쓰되, 핵심 문장에만 이탤릭체를 얹어 악센트를 줍니다. 굵은 고딕체로 결과를 단정하듯 외치는 대신, 기울어진 서체로 “속삭이듯 안심시키는” 톤을 만든 것입니다. 제목은 굵게(700~800)로 존재감을 주면서도 이탤릭 악센트 구간만 살짝 부드럽게 처리해 강약을 나누었고, 진료 철학·시술 안내 같은 설명형 본문은 행간 1.68로 넉넉히 띄워 긴장한 상태에서도 편히 읽히게 했습니다. 한글은 word-break: keep-all로 어절 단위로만 줄을 바꿔 문장이 어색하게 끊기지 않게 했고, 폰트는 외부 CDN 없이 서브셋을 자가 호스팅(font-display: swap)해 깜빡임 없이 빠르게 떴습니다. 소리치지 않는 타이포 — 그것이 산부인과 홈페이지에 필요한 목소리였습니다.
구조와 전환: 스티키 카드스택으로 쌓이는 신뢰
이 여성의원 사이트의 섹션은 스크롤할 때마다 카드가 차례로 쌓이며 화면에 고정되는 스티키 카드스택 구조로 짜여 있습니다. 진료 소개 → 진료 철학 → 진료·시술 안내(아이콘 탭 스위처) → 원장 소개 → 예약·오시는 길, 다섯 장의 카드가 순서대로 화면을 덮으며 “이 순서대로 알아 가면 된다”는 안정감을 만듭니다. 카드 위 사진에는 마우스 위치에 반응하는 3D 틸트 효과를 넣어 정적인 느낌을 덜었고, 스크롤이 진행될수록 이전 카드가 살짝 축소·블러 처리되며 다음 카드에 자리를 내주는 깊이감을 더했습니다. 진료·시술 안내는 임신·출산, 부인과 질환, 여성 건강검진, 갱년기 관리 네 개 아이콘 탭으로 나눠, 방문자가 자신에게 필요한 항목만 눌러 확인하게 했습니다. 원장 소개 카드에는 재생 버튼이 있는 영상 모달을 배치해, 글보다 먼저 표정과 말투로 신뢰를 전하도록 설계했습니다. 마지막 예약 카드는 스택에서 풀려나며 전화번호 하나로 모든 동선을 모읍니다.
혼자 와도 괜찮은 동선 설계
산부인과 방문에서 가장 자주 걱정하는 것은 진료 내용보다 ‘누구와 마주치지 않을까’입니다. 그래서 원장 소개 카드 옆에는 개인정보 보호 동선·상담실과 대기공간 분리·당일 예약 문의 가능 같은 배지를 나란히 배치해, 조심스러운 마음을 말로 먼저 안심시켰습니다. 진료 철학 카드에는 “혼자 오셔도 편안하게 — 대기 공간과 상담실을 분리해 마주치는 시선 없이 조용히 진료받고 나가실 수 있다”는 문장을 명시적으로 담아, 리서치에서 확인된 이 업종 특유의 공백(프라이버시 배려 안내 부족)을 정면으로 채웠습니다. 예약 카드의 프라이버시 안내 문구도 “내원 사실과 진료 기록은 본인 동의 없이 외부에 공유되지 않는다”를 분명히 밝혀, 방문 전 안심을 문장으로도 남겼습니다. 정보를 숨기지 않고 배려를 구체적으로 보여 주는 것 — 그 정직함이 산부인과 홈페이지의 신뢰를 만드는 핵심이라고 봤습니다.
정직과 발견(의료광고법 · GEO)
의료는 「의료법」상 의료광고 사전심의 대상이 될 수 있어, 진료·시술 결과를 단정하거나 ‘최고·유일’ 같은 과장을 일절 쓰지 않았습니다. 실제 페이지 하단에도 심의필 번호와 의료기관 정보를 표기할 자리를 명시해 두고, ‘진료 결과는 개인의 상태에 따라 다르며 결과를 보장하지 않는다’는 안내를 분명히 남겼습니다. 신뢰는 수식어가 아니라 진료 철학과 절차(충분한 설명 후 결정, 프라이버시 보호 동선)로 쌓는다는 원칙입니다. 그 위에 ‘임신 확인 진료’, ‘여성 건강검진 항목’, ‘갱년기 관리 상담’처럼 방문자가 실제로 검색하는 질문을 FAQ와 구조화 데이터(MedicalClinic·FAQPage 스키마)로 담아, 검색엔진과 AI 답변 양쪽에서 산부인과 홈페이지 제작 사례로 발견되게 했습니다. 과장 없이도 찾아지고, 예약으로 이어지는 사이트 — 그것이 이 작업의 목표였습니다.