Beauty House One

호치민 푸미흥의 한국인 두피문신·눈썹문신 스튜디오 Beauty House One의 두피문신 홈페이지 제작 사례입니다. 구글 광고 랜딩과 지역 검색을 함께 노리는 구조로, 한국어·영어·번체중국어 3개 언어를 워드프레스로 구축했습니다. 완성된 사이트는 beautyhouseone.com에서 확인할 수 있습니다.

1. 톤 & 컬러

• 베이스: 아이보리(#FAF7F2)와 샌드(#F2ECE2)를 섹션마다 번갈아 배치. 시술 공간의 흰 타일·베이지 커튼과 같은 온도로 맞춤.
• 포인트: 매장 간판의 포레스트 그린(#24453A)을 메인으로, 샴페인 골드(#A5804B)는 라벨·구분선·숫자에만 씀. 클리닉 느낌의 신뢰를 주되 차갑지 않게.
• 어두운 면은 “다른 점”과 상담 유도 구간에만 그린 배경을 깔아 페이지 리듬을 만듦.
• 카톡 버튼: 기본 노랑 대신 카카오 브라운(#3C1E1E) 배경에 노랑(#FEE500) 글자. 아이보리 톤 안에서 튀지 않으면서도 가장 먼저 눈에 들어옴.

2. 타이포그래피

• 한글은 Pretendard, 영문 라벨·숫자는 Cormorant Garamond로 짝을 맞춤. 세리프 숫자(7년, 3,000+)가 뷰티 업종의 고급스러움을 담당.
• 번체중국어 페이지는 웹폰트 대신 PingFang TC·Microsoft JhengHei 등 시스템 서체를 우선해 로딩을 가볍게 유지.
• 본문 17px / 행간 1.7, 한국어는 단어 단위 줄바꿈으로 어절이 끊기지 않게 함.

3. 레이아웃 & UX

• 히어로: 실제 시술실 사진 위에 좌측 그라디언트를 깔고 핵심 문장과 경력 숫자를 배치. 숫자는 0에서 올라가는 카운트업(검색엔진에는 실제 숫자 그대로).
• 고민별 카드 5개: 대표 시술 3개는 상단 그린 라인으로 구분하고 번호를 붙여 훑어보기 쉽게.
• 언어 선택은 지구본 버튼 → 아래로 펼쳐지는 목록. 현재 언어에 체크 표시.
• 모바일: 카톡·상담 신청 버튼을 한 줄로 나란히, 하단에 카톡·전화·상담 신청 고정 바.
• 매장 사진 갤러리, 수료증은 클릭하면 크게 보이는 라이트박스로.

4. 전환 설계 (상담 유도형)

방문자가 할 일을 “두피 사진 한 장 보내기” 하나로 좁힘.

• 모든 하위 페이지 끝에 “두피 사진 한 장이면 상담이 시작돼요” 띠 배너.
• 상담 신청서에 두피 사진 첨부(최대 3장), 촬영 각도 안내 문구 포함.
• 첫 방문 할인 배지를 히어로·상담 영역에 반복 노출.
• 상담 신청·카톡·전화 클릭을 구글 광고 전환으로 각각 추적.