- CLIENT
- 센트럴흉부외과의원 (Central Thoracic Surgery)
- INDUSTRY
- 의료 · 하지정맥류 전문 흉부외과
- PROJECT
- 전문병원 홈페이지 구축 / 리뉴얼
- PERIOD
- 2023. 09 ~ 2024. 07
프릭스 수행범위
IA 설계, 상담·예약 동선, 메인/서브 GUI, 웹표준 마크업부터 반응형 대응까지 단일 팀이 수행했습니다.
BACKGROUND
리뉴얼이 필요했던 세 가지 이유
-
01
전문성이 다른 병원과 구별되지 않았다
센트럴흉부외과는 20년간 하지정맥류 한 분야에 집중해 5천 건이 넘는 수술을 해왔습니다. 그러나 '안전한 수술, 풍부한 경험' 같은 표현은 어느 병원이나 쓰는 말이어서, 반수면·국소마취 원칙과 무료 재수술보장 같은 실제 차별점이 묻혀 있었습니다.
-
02
환자는 증상은 알지만 병명은 모른다
다리가 붓고 저리고 쥐가 나는 사람은 그것이 하지정맥류인지 모른 채 검색합니다. 특히 겉으로 드러나지 않는 잠복성 하지정맥류는 스스로 판단하기 어려워, 증상 확인부터 검사·상담까지 이어지는 안내가 필요했습니다.
-
03
결정 직전의 불안을 풀어주지 못했다
수술을 앞둔 환자는 마취 방식, 부작용, 재발 여부, 실제 후기를 확인한 뒤 상담을 남깁니다. 이 정보가 게시판 곳곳에 흩어져 있었고, 모바일에서 바로 전화·카톡 상담으로 이어지는 창구도 약했습니다.
다섯 단계, 다섯 개의 목적지
| 방문자 유형 | 방문 목적 | 도달해야 할 영역 |
|---|---|---|
| 증상 의심 단계 | 내 다리 증상이 하지정맥류인가 | 증상 확인·하지정맥류란·잠복성 |
| 치료 비교 단계 | 어떤 치료법이 안전하고 정확한가 | 치료방법·베나실·클라리베인·노하우 |
| 수술 결정 직전 | 실제로 좋아졌는지 재발은 없는가 | 자필 치료후기·무료 재수술보장 |
| 내원 예정 환자 | 상담과 예약을 어떻게 하는가 | 빠른상담 · 진료예약·전화·카톡상담·오시는길 |
| 해외 환자·언론 | 의료진과 병원의 신뢰 | 의료진소개 · 알림마당·EN·CN 다국어 |
SOLUTION
정보구조를 다시 세운 세 가지 원칙
-
01
메뉴가 아니라 질문 순서로 배치한다
'하지정맥류란 → 증상 확인 → 수술 안전성 → 문제혈관 진단 → 잠복성 → 치료방법' 여섯 개 카드를 환자가 묻는 순서대로 메인에 놓았습니다. 위에서 아래로 읽기만 해도 답이 이어집니다.
-
02
차별점을 숫자와 원칙으로 말한다
'반수면+국소마취', '수술 후 심부정맥혈전증 0건', '누적 수술 5,425건', '무료 재수술보장'처럼 확인 가능한 사실로 메시지를 정리했습니다. 형용사 대신 근거가 신뢰를 만듭니다.
-
03
결정의 순간을 한 번의 터치로 잇는다
전화(초진·재진 분리), 카톡상담, 빠른상담, 진료예약, 오시는길을 퀵메뉴로 상설 배치했습니다. 후기를 읽던 환자가 그 자리에서 바로 상담으로 이동합니다.
정보구조 (Information Architecture)
- 하지정맥류 정보하지정맥류란증상 확인잠복성 하지정맥류
- 치료 · 노하우치료방법 (베나실 · 클라리베인)문제혈관 진단 노하우수술 후 혈전증 0건무료 재수술보장
- 병원소개의료진소개협력병원 네트워크오시는길
- 후기 · 알림마당자필 치료후기교육 · 학술 · 보도자료공지사항 · 진료일정
퀵메뉴(전화 · 카톡상담 · 빠른상담 · 진료예약 · 오시는길), 초진 02-568-7189 / 재진 02-566-7189, 유튜브 · 네이버 카페/블로그, KR / EN / CN 전환 — 전 페이지 상설 노출
FEATURES
무엇을 개발했는가
보이는 기능
01
질문형 정보 카드 6종
'하지정맥류란 무엇일까요?', '수술 후 심부정맥혈전증 발생 0건!'처럼 환자의 질문과 답을 카드 제목으로 삼았습니다. 카드 하나가 하나의 서브페이지로 바로 연결됩니다.
02
자필 치료후기 슬라이드
환자가 직접 쓴 자필후기를 슬라이드로 노출합니다. 부종 감소, 저림 호전 등 실제 변화가 수술을 고민하는 환자의 판단 근거가 됩니다.
03
수술건수 카운터 · 증상 체크
'누적 5,425건(2026년 5월말 기준)' 수치와 다리 무거움·종아리 통증·부종·저림 등 증상 아이콘을 배치해, 경험과 자가 확인을 한 화면에서 보여줍니다.
04
KR / EN / CN 다국어 전환
국문(/ko/), 영문(index_en), 중문(index_cn) 페이지를 분리 운영해, 해외 환자도 같은 정보 구조로 병원을 탐색합니다.
보이지 않는 기능
01
치료후기 게시판
자필후기를 게시판(bo_table=review)으로 운영해 병원이 직접 등록하고, 언어 분류로 노출을 관리합니다.
02
상담 · 예약 접수
빠른상담 폼과 진료예약 게시판을 분리 운영해, 가벼운 문의와 실제 내원 예약을 나눠 받습니다.
03
알림마당 운영
교육·학술활동, 보도자료, 공지사항(진료일정·휴진)을 게시판별로 운영해 병원 소식을 꾸준히 갱신합니다.
04
SNS · 채널 연동
유튜브 영상, 카카오톡 채널, 네이버 카페·블로그를 연결해 환자 커뮤니케이션 채널을 하나로 묶었습니다.
05
관리자 CMS
그누보드 기반 관리자에서 게시물·회원·예약을 직접 관리하도록 구성.
06
의료법 · 웹표준
비급여 진료항목 공개, 개인정보 수집 동의 등 의료기관 고지 요건 반영.
DESIGN
말하지 않고,
증명한다
의료의 신뢰는 화려한 연출에서 나오지 않습니다.
하지정맥류 한 분야에 쌓은 20년의 경험이 숫자와 사실로 읽히도록 시각 언어를 정리했습니다.
근거가 주인공인 화면
수술건수, 혈전증 0건, 협력병원처럼 확인 가능한 정보를 시각적 중심에 두었습니다. 형용사가 아니라 사실이 먼저 보이게 하는 것이 목표였습니다.
화이트 · 네이비 · 블루 톤
흰 바탕에 네이비와 밝은 블루를 사용해 의료기관의 청결함과 신뢰감을 만들고, 강조색은 상담 버튼에만 두었습니다.
질문형 카드 그리드
여섯 개 정보 카드를 같은 규격의 질문형 카드로 정리해, 환자가 자신의 궁금증과 맞는 카드를 바로 고르게 했습니다.
증상 아이콘 · 인포그래픽
다리 무거움, 부종, 저림, 쥐내림 등 증상을 아이콘으로 표현해, 의학 용어 없이도 자기 증상을 대입할 수 있게 했습니다.
절제된 후기 표현
자필후기를 원본에 가깝게 노출하고 과장된 연출을 배제했습니다. 전문병원의 신뢰감은 절제된 화면에서 나옵니다.
반응형 재배치
데스크톱의 3단 카드 그리드는 모바일에서 세로 스택으로 전환되고, 전화·카톡·예약은 하단 고정 버튼으로 바뀝니다.
주요 화면
RESULT
무엇이 달라졌는가
| 구분 | BEFORE | AFTER | 의미 |
|---|---|---|---|
| 구조 | 병원 소개 중심 메뉴 | 환자 질문 순서형 메인 | 증상에서 치료, 후기까지 메인 한 페이지에서 이어 읽힙니다. |
| 동선 | 상담 창구가 페이지별 분산 | 퀵메뉴 + 빠른상담 상설 | 어느 화면에서든 전화·카톡·예약으로 바로 이동합니다. |
| 신뢰 | 일반적인 홍보 문구 | 수치 · 원칙 기반 메시지 | 반수면마취·혈전증 0건·재수술보장이 차별점으로 읽힙니다. |
| 운영 | 콘텐츠 개별 요청 처리 | 게시판 기반 직접 운영 | 후기·보도자료·진료일정을 병원이 직접 갱신합니다. |
