The Challenge
풀어야 했던 문제.
Dream365 클리닉은 전문성과 친근함을 동시에 전달해야 하는 헬스케어 브랜드. 일반 환자는 의료 용어와 복잡한 시술 카테고리에서 길을 잃기 쉬웠고, 기존 웹사이트는 '잘 모르겠으니 그냥 전화로 물어볼게요'로 이어지는 비효율이 컸습니다. 환자가 명확하게 이해하면서도 따뜻한 분위기를 동시에 전달해야 했습니다.
Our Solution
우리가 만든 시스템.
Framer 기반으로 1주 안에 출시 가능한 가벼운 구조를 선택. 환자 여정에 맞춰 '증상별 진료 찾기 → 상세 설명 → 예약 / 문의' 흐름을 직관적으로 설계했습니다. 부드러운 색상 팔레트와 여유로운 타이포 간격으로 의료 특유의 차가운 느낌을 누그러뜨리고, 모든 페이지에서 예약 CTA가 자연스럽게 따라오도록 배치. CMS는 클리닉이 직접 콘텐츠를 추가·수정할 수 있게 구성했습니다.
Scope of Work
작업 범위.
- 브랜드 톤 & 비주얼 가이드
- 정보 구조 설계 (환자 여정 기반)
- Framer 사이트 구축
- CMS 연동 · 콘텐츠 운영 가이드
- 반응형 · 접근성 최적화
Key Features
핵심 기능.
/01
환자 여정 기반 IA
증상 → 진료 → 예약까지, 길을 잃지 않는 정보 구조.
/02
신뢰 + 따뜻함
의료 특유의 차가움을 부드러운 컬러·타이포·여백으로 완화.
/03
자체 운영 CMS
클리닉이 코드 없이 진료 카테고리·공지·후기를 직접 업데이트.
/04
예약 동선 최적화
모든 페이지에서 자연스럽게 이어지는 예약·문의 CTA.
Decisions
우리가 내린 결정.
- /01
Framer로 3주 안에 출시했습니다
의료 브랜드는 디자인 다듬는 시간이 더 중요한 단계지, 풀스택 코드가 필요한 단계가 아닙니다. 3주 안에 띄우고 운영하며 다듬는 길을 택했습니다.
- /02
예약은 네이버 예약 연동만 했습니다
자체 예약 시스템을 구축하기보다 환자가 익숙한 채널을 그대로 쓰는 게 전환율이 훨씬 높았습니다.
By Design
이건 안 만들었습니다.
- ✕
환자 게시판·커뮤니티 안 만들었습니다
의료 정보 게시판은 책임 영역이 크고 클리닉이 운영하기 부담입니다. 처음부터 빼고 갔습니다.
- ✕
온라인 진료 예약 결제 안 만들었습니다
출시 단계에서는 문의 → 전화 흐름이 충분했습니다. 결제 자동화는 데이터 더 쌓고 결정할 일.
Result
만들어낸 결과.
- ↑신뢰감 있는 의료 브랜드 디지털 홈 구축01
- ↑예약·서비스 탐색 동선 명확화 — 전화 문의 의존 감소02
- ↑반응형 디자인으로 모바일 · 태블릿 · 데스크톱 전 디바이스 호환03
- ↑클리닉이 직접 콘텐츠 수정 가능한 CMS 구조04
Tech Stack
사용한 기술.
Framer
Voice
클라이언트 코멘트.
"사이트가 깔끔하다는 말은 자주 듣지만, 진짜 변화는 '전화로 묻는 환자가 줄었다'는 점이에요. 글 보고 결정해서 오시니까.