왜 성형외과 홈페이지는 '과시'가 아니라 '집중'에서 출발하는가
성형외과 홈페이지 제작에서 가장 흔한 함정은 시술 결과를 과장해 자극적으로 보여주려는 유혹입니다. 하지만 실제로 상담을 고민하는 사람은 화려한 후기보다 "내 이야기를 충분히 들어줄까, 무리하게 권유하지 않을까"를 먼저 걱정합니다. 그래서 이 사례는 히어로 카피부터 "당신만 봅니다" — 세로로 배치한 대형 타이포로 '한 사람에게 집중한다'는 태도를 0.3초 안에 전하는 것을 1번 목표로 잡았습니다. 자극이 아니라 침착함으로 신뢰를 만드는 것이 성형외과 홈페이지의 진짜 출발점이라고 봤습니다.
색: 안정의 딥틸그린, 여백의 크림베이지
배경은 따뜻한 크림베이지(#e6e3dc)를 기본으로 깔고, 핵심 색은 차분한 딥틸그린(#3a5554·포인트 #146e68) 하나로 좁혔습니다. 성형외과가 흔히 쓰는 화려한 핑크·골드 대신 딥틸그린을 고른 이유는 '병원답게 안정적이면서도 과 진료과처럼 차갑지 않게'라는 균형 때문입니다. 이벤트 배너에만 예외적으로 로즈·라벤더·블루 그라데이션을 짧게 써서 '지금 진행 중인 소식'이라는 신호만 담당하게 하고, 본문 전반은 딥틸+크림 두 톤을 벗어나지 않게 절제했습니다. 색이 하나로 좁혀지니 페이지 전체가 산만하지 않고, 상담실에 들어선 듯한 차분함이 유지됩니다.
타이포: 세로로 선 히어로, 그 외엔 절제
이 사이트는 본문 전체를 Pretendard 한 벌로 통일하되, 히어로 영역에만 예외를 뒀습니다. "당신만" "봅니다" 여섯 글자를 두 줄로 세로 배치해 큰 디스플레이 타이포로 세워, 첫 화면에서만 강한 존재감을 주고 그 아래부터는 다시 차분한 본문 타이포로 돌아옵니다. 제목은 굵게(700)로 또렷하게, 상담 분야 설명 같은 본문은 행간을 넉넉히 둬 읽기 편하게 했습니다. 화려한 장식체를 쓰지 않은 이유는 성형외과일수록 '가볍지 않다'는 인상이 중요하다고 판단했기 때문입니다.
구조와 전환: 망설임에서 상담 신청까지
이 성형외과 사이트의 구조는 좌측에 고정된 세로 진행 내비게이션(점 인디케이터)이 핵심입니다. 히어로 → 진료 철학(트러스트) → 눈 상담 → 코 상담 → 전체 상담 분야(13개 카테고리 스트립) → 의료진 소개 → 공간 둘러보기 → 상담 신청 폼까지, 방문자가 지금 스크롤의 어느 지점에 있는지 늘 인지하게 했습니다. 우측에는 고정 퀵상담 버튼(AI상담·카카오톡·비용상담·바로 예약)을 세로로 쌓아, 어느 섹션에 있든 한 번의 클릭으로 상담으로 이어지게 만들었습니다. 눈·코 상담 섹션에는 우측에 세부 상담 리스트를 두고 클릭하면 활성 항목만 진하게, 나머지는 흐리게 처리해 '지금 무엇을 보고 있는지'를 잃지 않게 했습니다.
before/after 대신 '공간'으로 신뢰를 만들다
성형외과 홈페이지에서 가장 위험한 유혹은 시술 전후 비교 사진입니다. 이 사례는 처음부터 그 함정을 피해, 갤러리 섹션을 "공간 둘러보기"로 설계했습니다. 상담실·대기 라운지·회복실·접수 데스크처럼 인물의 얼굴이 드러나지 않는 공간·정물 사진으로만 채우고, "실제 시술 전후 비교 사진이 아니다"라는 안내 문구를 갤러리 바로 아래 명시했습니다. 의료진 소개 카드도 얼굴을 특정할 수 없는 분위기 컷(차트를 보는 뒷모습, 데스크 앞 실루엣)으로 채워, 신뢰는 이미지의 자극이 아니라 상담 태도와 공간의 정돈됨에서 나오게 했습니다.
정직과 발견(의료광고법 · GEO)
성형외과는 「의료법」상 의료광고 사전심의 대상이 되기 가장 쉬운 업종 중 하나이기에, 시술 효과를 단정하거나 "최고·유일" 같은 과장, before/after 비교 노출을 전부 배제했습니다. 실제 페이지 곳곳의 카피에도 "결과는 개인마다 차이가 있다", "효과를 단정하지 않는다"는 문구를 반복해 넣었고, 하단에는 심의필 번호·의료기관 정보를 표기할 자리를 명시했습니다. 그 위에 "상담만 먼저 받아볼 수 있나요", "시술 결과를 보장하나요" 같은 실제 방문자가 궁금해할 질문을 FAQ와 구조화 데이터(MedicalClinic·FAQPage 스키마)로 담아, 과장 없이도 검색엔진과 AI 답변 양쪽에서 성형외과 홈페이지 제작 사례로 발견되게 했습니다.