한의원의 진료 내용을 시각적 언어로 정리하고, 관심 있는 진료에서 상담으로 이동하는 흐름을 만들었습니다. AI 비주얼과 화면 구성, 휴대전화에서의 읽기와 문의 동선을 함께 다듬었습니다.
- Client
- Jayeonsan
- Services
- 웹 기획
UI/UX
AI 비주얼
모바일 상담 동선 - Industries
- Health & Care
- Date
- 2026
포트폴리오의 일부 비주얼은 AI로 제작했습니다.
Clarity
Care &
Connection
Objective
한의원의 진료 내용을 시각적 언어로 정리하고, 관심 있는 진료에서 상담으로 이동하는 흐름을 만들었습니다. AI 비주얼과 화면 구성, 휴대전화에서의 읽기와 문의 동선을 함께 다듬었습니다.
진료별 질문에
답하는 여섯 페이지.
01 / Information design
진료 분야마다 필요한 소개와 안내를 별도 페이지로 구성했습니다. 한 화면에 모든 정보를 나열하기보다 관심 있는 진료의 설명을 찾아갈 수 있는 구조입니다.
설명을 돕는 이미지,
명확한 사용 범위.
02 / AI art direction
진료 설명의 분위기를 전달하기 위한 AI 비주얼을 구성했습니다. 이 이미지는 실제 환자나 시술 결과, 치료 전후 사진이 아닙니다.
모바일에서
다음 행동까지.
03 / Contact & search
작은 화면에서 진료 내용을 읽고 카카오 상담, 전화, 지도 등 필요한 채널로 이어지도록 했습니다. 페이지 제목과 설명 등 기본 검색 설정도 제작 범위에 포함하며 검색 순위를 보장하는 의미는 아닙니다.
Designed
to connect
Project approach
한의원의 진료 내용을 시각적 언어로 정리하고, 관심 있는 진료에서 상담으로 이동하는 흐름을 만들었습니다. AI 비주얼과 화면 구성, 휴대전화에서의 읽기와 문의 동선을 함께 다듬었습니다.Jayeonsan
웹 기획
UI/UX
AI 비주얼
모바일 상담 동선
Across
every screen
Responsive design
같은 웹사이트를 작은 화면에서도 읽고 사용할 수 있도록 구성했습니다. 아래 이미지는 실제 화면을 각 기기 크기에서 확인한 모습입니다.
Project notes
한의원 홈페이지 제작에 어떤 페이지가 필요한가요?
이 사례는 진료별 안내와 상담 연결에 초점을 맞췄습니다. 기관 소개, 진료 안내, 의료진, 위치·진료시간 등 실제 보유 자료와 운영 목적을 바탕으로 필요한 페이지를 정합니다.
AI 모델 이미지는 실제 환자 사진인가요?
아닙니다. 이 사례의 AI 모델 이미지는 페이지의 시각적 구성을 위해 제작한 이미지이며 실제 환자 사진이나 치료 결과를 보여주는 자료가 아닙니다.
검색 설정을 하면 상위에 노출되나요?
페이지 제목·설명, 사이트맵과 검색 도구 등록은 검색엔진이 내용을 발견하고 이해하도록 돕는 기본 작업입니다. 검색 결과의 노출 여부나 순위를 보장하지 않습니다.
Project
& Delivery
Scope
- ClientJayeonsan
- Services웹 기획
UI/UX
AI 비주얼
모바일 상담 동선 - IndustriesHealth & Care
- Date2026
