아이누리한의원 홈페이지 제작
KEYWORD #병원 홈페이지 #AI 업무 자동화 #AI 검색 최적화 #AI 이미지 분석 #SEO·GEO·AEO 최적화 #3D 캐릭터 #3D 커스터마이징 #디지털 쇼룸 #인터랙티브 콘텐츠 #WebGL #Three.js #실시간 렌더링 #API 연동 #외부 솔루션 연동 #데이터 마이그레이션 #데이터 최적화 #맞춤형 CMS #예약 시스템 #스마트 검색 #랜딩페이지 빌더 #자가진단·설문조사 #UI/UX #웹디자인 #AI 이미지 #3D디자인 #캐릭터 개발 #모션그래픽 #영상그래픽 #ICON
아이누리한의원 홈페이지 리뉴얼 프로젝트는 3D 캐릭터와 영상 콘텐츠를 통해 어린이 친화적 브랜드 경험을 강화하고, 소이정 자체 CMS에 적용된 AI 기술로 운영 효율과 콘텐츠 품질을 함께 고도화했습니다. 관리자 CMS에는 AI 기반 SEO 최적화 자동화, 콘텐츠 구조 분석, 메타 정보 생성, 이미지·텍스트 관리 최적화 기능을 적용해 비전문가도 검색 친화적인 콘텐츠를 안정적으로 운영할 수 있도록 설계했습니다.
Project Scope
전국 5개 권역 22개 지점 통합 예약 및
멀티 사이트 관리 시스템 구축
보호자가 직접 입력하고 결과를 확인하는
8종 인터랙티브 자가진단 툴
대표 캐릭터와 처방 제품군을
360도로 경험하는 3D 쇼룸
AI 메타데이터 자동화로 검색엔진과
생성형 AI 노출 강화
INURI
Project Overview
아이누리한의원은 전국 22개 지점을 운영하는 국내 최대 규모의
소아·청소년 전문 한방병원 네트워크입니다. 지점이 늘어날수록 온라인에서의 브랜드 경험과
운영 방식이 지점마다 달라질 수 있다는 점, 그리고 소아과 특성상 아이와 보호자 모두를
진료 이전 단계부터 안심시켜야 한다는 점이 이번 리뉴얼의 출발점이었습니다.
소이정은 이 프로젝트를 전국 네트워크 병원이 웹에서 갖춰야 할
새로운 기준을 세우는 작업으로 접근했습니다.
Project Challenge
Unified Branch Management
22개 지점이 개별적으로 운영되던 기존 홈페이지는 지점별 예약 현황과 콘텐츠가 파편화되어 있었고, 신규 지점이 늘어날 때마다 개발 리소스에 의존해 콘텐츠를 등록하는 번거로움
Brand Experience
소아·청소년 환자는 진료 자체에 대한 거부감이 크고, 보호자는 텍스트 위주의 진료 정보만으로는 우리 아이에게 맞는 치료인지 판단하기 어려움
AI-Powered Content Automation
의료법상 치료 효과를 단정적으로 표현할 수 없는 규제 안에서, 방대한 진료 콘텐츠를 비전문가인 원내 인력이 검색엔진과 생성형 AI 모두에 노출될 수 있도록 꾸준히 발행해야 한다는 운영 부담

지점이 늘어날 때마다 개발 리소스에 의존해야 했던 운영 부담과, 비전문가도 검색·AI에 노출되는 콘텐츠를 꾸준히 발행해야 하는 과제를 동시에 풀기 위해, 전국 22개 지점의 진료 스케줄 관리와 예약 접수를 소이정 '병원 전용 AI CMS'로 일원화했습니다. 환자는 지역 기반으로 대면/비대면 예약을 간편하게 진행할 수 있으며, 관리자는 AI 자동화 도구를 통해 2,000여 건의 방대한 의료 데이터를 검색 친화적 구조로 손쉽게 운영합니다.
AI CMS & Multi-Branch Operation
앞서 언급한 진료 거부감 문제에 대응하기 위해, 아이누리 대표 캐릭터 '부비와 친구들'을 입체적인 3D 인터랙션으로 구현했습니다. 학부모에게는 직관적인 신뢰를, 아이에게는 낯선 병원에 대한 심리적 거부감을 낮추는 경험을 전달하는 것이 목표였습니다. WebGL 기반 경량화 파이프라인을 적용해 모바일 환경에서도 프레임 저하 없는 부드러운 인터랙션을 제공합니다.
Brand Experience

공진단, 맞춤한약 등 아이누리의 대표 처방 제품군을 사용자가 360도로 회전하며 확인할 수 있는 3D 제품 쇼케이스를 구현했습니다. 텍스트 위주의 처방 설명을 입체적인 인터랙션으로 전환하여 한약재의 품질과 프리미엄 가치를 시각적으로 증명합니다.
3D Product Experience
자가진단으로 유도하는 예약 전환
단순 텍스트 열람 중심의 페이지를 탈피하여, 보호자가 아이의 성장 및 증상 데이터를 직접 입력하고 분석 결과를 즉시 확인하는 8종의 인터랙티브 진단 툴을 설계했습니다.
사이트 체류 시간을 극대화하고, 진단 결과 페이지에서 가장 가까운 지점
예약으로 자연스럽게 이어지도록 전환 동선을 결합했습니다.


예상 키 계산기, 성조숙증 자가진단, 소아 비만도 자가진단,
2차 성징 후 예상 키 계산기
질환·심리 진단 모듈: 알레르기 비염 자가진단, ADHD 집중력
테스트, 틱장애 자가진단, 수면장애 자가진단
예약 전환 파이프라인: 자가진단 완료 후 맞춤 처방 안내 및
지점 예약 화면 1-Click 연동
학부모 사용자의 주 접속 환경인 모바일 디바이스에 맞춰 한 손 조작과 엄지손가락 터치 반경을 고려한
UI/UX를 설계했습니다. 4개의 해상도 브레이크포인트를 적용해 태블릿과 PC 와이드 화면까지 일관된
사용성을 제공합니다.
Responsive UX

KEY RESULTS
FAQ
소이정 병원 전용 AI CMS의 '멀티 브랜치 권한 분기 아키텍처'를 적용했습니다. 본사에서는 22개 지점의 유입 및 예약 데이터를 통합 모니터링하고, 각 지점 관리자는 본인 병원의 진료 시간과 예약 스케줄만을 독립적으로 운영할 수 있도록 설계했습니다.
WebGL 기반의 에셋 경량화 파이프라인과 디바이스 감지 기반 반응형 로딩을 적용했습니다. 모바일에서는 불필요한 고용량 텍스처를 압축하여 3D 인터랙션을 부드럽게 구현하면서도 초기 로딩 1.8초 이내를 유지합니다.
AI CMS 엔진이 원내 작성자가 등록한 진료 텍스트를 실시간 분석하여 적합한 메타태그(Title, Description, Schema.org 마크업)를 자동 생성합니다. 이를 통해 비전문가도 코딩이나 복잡한 SEO 작업 없이 검색 친화적인 콘텐츠를 발행할 수 있습니다.