핵심 요약
DoctorPetit 프로젝트는 해외 환자를 대상으로 하는 의료 서비스 특성상 단순 정보 전달이 아닌 신뢰 형성과 빠른 의사결정 유도 가 핵심이었습니다. 특히 중국어, 일본어 사용자 유입을 고려한 다국어 환경에서 짧은 시간 안에 병원의 강점을 전달하고 상담 및 방문으로 이어지도록 하는 랜딩페이지 구조 설계 에 중점을 두었습니다.
DoctorPetit 프로젝트는 해외 환자를 대상으로 하는 의료 서비스 특성상 단순 정보 전달이 아닌 신뢰 형성과 빠른 의사결정 유도 가 핵심이었습니다.
특히 중국어, 일본어 사용자 유입을 고려한 다국어 환경에서 짧은 시간 안에 병원의 강점을 전달하고 상담 및 방문으로 이어지도록 하는 랜딩페이지 구조 설계 에 중점을 두었습니다.
이에 따라 본 프로젝트는 브랜드 표현보다도 정보 전달력, 신뢰 확보, 전환 흐름 을 중심으로 UI/UX를 설계하고 개발을 진행했습니다.

메인 페이지
해외 고객을 위한 첫 인상 설계, 신뢰를 완성하는 비주얼 랜딩

메인 비주얼 영역은 해외 환자를 주요 타겟으로 설정한 구조에 맞춰 설계되었습니다.
모델 중심의 클린한 이미지와 브랜드 컬러를 활용한 배경 그래픽을 통해 첫 화면에서 병원의 이미지를 직관적으로 인지할 수 있도록 구성하였으며, 중국어 텍스트를 전면 배치하여 타겟 사용자에게 명확한 메시지를 전달하도록 설계하였습니다.
데이터와 콘텐츠 흐름으로 설계한 단계형 UI 구조

해당 섹션은 병원의 강점을 하나의 흐름으로 보여주는 방식이 아닌, 각 요소를 독립된 카드 형태로 분리하여 전달하는 구조 로 설계되었습니다.
단계별로 구분된 컬러 블록과 번호 체계를 통해 사용자는 스크롤 과정에서 정보의 순서를 자연스럽게 인지할 수 있으며, 각 콘텐츠를 명확하게 구분하여 받아들이도록 UX를 구성하였습니다.
또한 그래프, 실제 병원 이미지, 장비 설명 등 다양한 콘텐츠 타입을 혼합하여 단조로움을 줄이고, 각 섹션마다 전달 방식에 변화를 주어 사용자 집중도를 유지하도록 설계하였습니다.
특히 인포그래픽 요소를 활용한 비교 구조는 텍스트 중심 설명보다 빠르게 핵심 메시지를 전달할 수 있도록 하였으며, 해외 사용자가 직관적으로 이해할 수 있는 시각적 커뮤니케이션에 초점을 맞췄습니다.
방문 전 불확실성을 해소하는 현실 정보 중심 UI 설계

해당 섹션은 사용자에게 추가적인 설득을 하기보다, 실제 방문 과정에서 발생할 수 있는 불확실성을 줄이는 데 초점을 맞춰 설계되었습니다.
지도, 주소, 교통 정보 등 필수 정보를 한 화면에서 확인할 수 있도록 구성하여 사용자가 별도의 탐색 없이도 위치와 접근성을 명확하게 인지할 수 있도록 했습니다.
또한 병원 내부 이미지를 함께 제공하여 공간의 분위기와 실제 환경을 사전에 확인할 수 있도록 구성함으로써 처음 방문하는 사용자에게 발생할 수 있는 심리적 부담을 낮추는 역할을 합니다. 정보 전달과 시각 경험을 결합한 이 구조는 사용자가 ‘이해’ 단계를 넘어 ‘확신’ 단계로 이동할 수 있도록 돕는 UI 설계입니다.
이번 프로젝트는 단순한 디자인 구현을 넘어, 해외 사용자의 이용 흐름과 정보 이해 방식을 고려한 UI/UX 설계에 집중한 작업이었습니다.
각 섹션은 목적에 맞게 구조화되어 있으며, 시각 요소와 정보 전달 방식을 함께 설계함으로써 사용자가 자연스럽게 이해하고 판단할 수 있는 흐름을 구축했습니다.
홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →
출처·근거
- 원문: 네이버 블로그 — 잡오브브라더스 (2026-04)



