청이담한의원 반응형 홈페이지 제작, 경청 중심 디자인

PORTFOLIO

다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.

Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.

PORTFOLIO

청이담한의원 반응형 제작 2025/07

메인 화면 기획 및 경청 중심 랜딩 구성

[메인 화면 기획]

이명·난청을 전문으로 하는 한의원이라는 정체성을 '경청'이라는 가치로 풀어내,

귀에 침을 놓는 시술 장면과 '환자분들의 불편함에 귀기울여 이로움만을 담겠습니다' 메시지를 첫 화면에 나란히 배치했습니다.

이어서 진료안내와 4개 진료과목, 논문·학회 발표 실적, 67band 고해상도 청력검사 등 첨단장비, 의료진의 진료 철학, 병원정보 순으로 구성해

전문성에 대한 신뢰가 예약과 내원으로 자연스럽게 이어지도록 기획했습니다.

메인 디자인 시스템

[메인 디자인]

로고의 딥 틸 그린을 메인 컬러로 삼아 히어로 패널과 논문·의료진 배너, 서브 타이틀 바에 면으로 사용하고,

화이트와 옅은 민트 그레이 배경을 번갈아 배치해 차분하고 신뢰감 있는 한의원의 인상을 만들었습니다.

히어로와 배너 배경에는 소리가 퍼져 나가는 듯한 동심원 물결을 은은하게 깔아 '귀'를 다루는 병원의 정체성을 시각화했으며,

섹션마다 '경청은 청이담의 가치입니다' 문구를 반복해 브랜드 메시지를 일관되게 전달했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

청이담한의원, 이명치료, 난청치료, 코질환, 통증클리닉, 일반진료, 청이담소식의 대메뉴 아래 급성·만성·박동성 이명처럼 증상별 탭을 두어

환자가 자신의 증상을 바로 찾아갈 수 있도록 정보 구조를 정리했습니다.

진료 페이지는 증상 소개, 해부생리학적 원인, 한의학적 원인, 검사, 치료 방법 순으로 같은 흐름을 유지하고,

사진과 설명을 좌우로 교차 배치한 카드와 둥근 틸 라벨로 전문적인 내용도 단계적으로 이해할 수 있게 디자인했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

메인 히어로 바로 아래에 전화번호와 진료시간, 오시는길·온라인 상담·온라인 예약·진료후기 아이콘 버튼을 모아

방문 전 필요한 정보를 한 번에 확인할 수 있게 했습니다.

화면 오른쪽에는 같은 네 가지 메뉴와 TOP 버튼을 퀵메뉴로 고정해 어느 페이지에서든 상담과 예약으로 바로 이어지도록 했고,

진료과목은 증상별 탭 버튼으로 이동 동선을 짧게 설계했습니다.