GEO 무료진단
사용자 경험 설계
의료정보 중심 정보구조(IA) 및
사용자 경험(UX) 설계
365mc 지방줄기세포센터
365mc 지방줄기세포센터 홈페이지 제작
KEYWORD #기업 홈페이지 #SEO·GEO·AEO 최적화 #3D 캐릭터 #맞춤형 CMS #스마트 검색 #외부 솔루션 연동 #데이터 마이그레이션 #데이터 최적화 #UI/UX #웹디자인 #AI이미지 #캐릭터 개발 #모션그래픽 #영상그래픽 #ICON
365MC 지방줄기세포센터의 새로운 홈페이지는 지방줄기세포 연구와 재생의 본질을 세련된 시각 언어로 표현하며, 브랜드의 전문성과 신뢰감을 강화했습니다.
메인 비주얼과 카드형 인터페이스를 통해 핵심 정보를 직관적으로 전달하고, 반응형 설계로 어떤 기기에서도 일관된 사용자 경험을 제공합니다. 영상과 인터랙션을 결합해 브랜드의 생동감을 더했으며, 연구 중심의 콘텐츠 구성으로 단순한 미용이 아닌 의료적 전문성을 강조했습니다. 이번 리뉴얼은 365MC의 기술력과 철학을 담아낸 새로운 디지털 브랜드 경험입니다.
Overview
지방의 새로운 가치를 발견하다
365mc 지방줄기세포센터는 365mc의 의료 브랜드를 기반으로 지방줄기세포 관련 프로그램과 전문 의료정보를 제공하는 의료 전문센터입니다.
소이정은 기존 365mc 브랜드의 신뢰와 정체성을 유지하면서 줄기세포센터만의 전문성을 효과적으로 전달할 수 있도록 독립적인 디지털 플랫폼을 구축했습니다.
의료 프로그램과 의료진, 전문 콘텐츠를 유기적으로 연결하는 사용자 경험을 설계하고, 기존 시스템의 지점 데이터와 신규 센터의 운영 정보를 효율적으로 활용할 수 있는 맞춤형 CMS를 개발했습니다.
또한 단순한 Q&A를 넘어 다층적인 의료정보를 전달하는 에디토리얼형 FAQ 시스템을 구현하여 의료정보의 전달력과 콘텐츠 운영의 유연성을 함께 강화한 전문 의료 웹 환경을 완성했습니다.
지방의 재해석
의료 전문센터 브랜드 전략 및
디지털 플랫폼 구축 기획서비스 전문성
기존 365mc 시스템 연계 및
의료 콘텐츠 특화 CMS 개발프리미엄 브랜딩
브랜드 아이덴티티 기반 UI 디자인 및
반응형 웹 퍼블리싱
Challenge
의료 전문성과 브랜드 신뢰도를 전달하는
줄기세포센터 특화 UI/UX
의료기관 홈페이지는 방문자가 의료 서비스의 특징과 관련 정보를 충분히 이해하고, 신뢰할 수 있는 정보를 바탕으로 상담 여부를 판단할 수 있도록 설계되어야 합니다.
특히 전문 센터의 경우 일반적인 병원 소개를 넘어, 의료 프로그램의 특성과 의료진 정보를 체계적으로 전달하는 것이 중요합니다.
소이정은 365mc의 브랜드 정체성을 유지하면서 줄기세포센터의 전문적인 이미지를 전달할 수 있도록 콘텐츠 구조와 UI/UX를 설계했습니다.
주요 프로그램과 의료정보, 의료진, 상담 관련 콘텐츠를 명확하게 구분하고, 사용자가 관심 있는 정보를 단계적으로 탐색할 수 있도록 정보 위계를 정리했습니다.
또한 의료정보의 가독성과 접근성을 고려해 콘텐츠별 레이아웃을 구성하고, PC와 모바일 환경에서도 일관된 브랜드 경험을 제공할 수 있도록 반응형 웹사이트를 구현했습니다.
이를 통해 전문적인 의료정보를 보다 직관적으로 전달하고, 정보 탐색에서 상담으로 이어지는 사용자 경험을 강화했습니다.
Information Architecture
의료 프로그램·의료진·의료정보 중심의
정보구조 및 사용자 동선 설계
Brand UI Design
365mc 브랜드 아이덴티티를 반영한
전문 센터 웹사이트 디자인
Conversion-Focused UI
주요 의료정보와 상담 접근성을 고려한 CTA 구성
Content Layout Design
의료정보의 가독성과 탐색 편의성을
고려한 콘텐츠 레이아웃
365mc의 20년 지방 연구의 노하우로
탄생한 365mc지방줄기세포센터
365mc 줄기세포센터는 기존 365mc 브랜드가 보유한 인지도와 의료 네트워크를 기반으로 운영되지만, 줄기세포 관련 프로그램과 의료정보를 보다 전문적으로 전달하기 위한 별도의 홈페이지가 필요했습니다. 기존 브랜드와의 연결성을 유지하면서도 줄기세포센터만의 콘텐츠와 의료진 정보를 독립적으로 운영해야 했으며, 여러 지점에 걸친 정보를 일관되게 관리할 수 있는 시스템 구조 역시 중요한 과제였습니다.
또한 줄기세포 관련 의료정보는 일반적인 FAQ처럼 짧은 질문과 답변만으로 충분히 설명하기 어렵습니다. 하나의 주제 안에서도 효과, 유지기간, 시술 과정, 관리 방법 등 다양한 질문이 발생하기 때문에 이미지와 영상, 의료진 정보 등을 함께 제공할 수 있는 콘텐츠 구조가 필요했습니다. 소이정은 이러한 과제를 해결하기 위해 기존 시스템과의 유기적인 연결, 의료 전문성을 전달하는 사용자 경험, 상세한 의료정보를 유연하게 운영할 수 있는 콘텐츠 관리 환경을 핵심 방향으로 설정했습니다. 이를 통해 독립적인 전문 센터 홈페이지의 정체성과 기존 브랜드의 운영 체계를 함께 고려한 웹사이트를 구축했습니다.
Advanced Medical FAQ & Content Hub
단순 Q&A를 넘어 의료정보 아티클로 확장한
칼럼형 FAQ 시스템
줄기세포 관련 의료정보는 하나의 질문에 짧게 답하는 방식만으로 충분한 정보를 전달하기 어렵습니다. 시술의 특징부터 효과와 유지기간, 주의사항, 관리 방법까지 다양한 궁금증이 하나의 주제 안에서 연결되기 때문에 체계적인 콘텐츠 구성과 상세한 설명이 필요합니다.
소이정은 기존의 단순 질문·답변 방식에서 벗어나 하나의 주제에 여러 질문과 답변을 구성하고, 이미지·영상·표·관련 콘텐츠를 함께 제공할 수 있는 칼럼형 FAQ 시스템을 구축했습니다.
FAQ 목록에서는 프로그램별 카테고리와 검색 기능을 제공하고, 썸네일·제목·요약·담당 의료진 정보를 함께 노출해 이용자가 관심 있는 의료정보를 쉽게 탐색할 수 있도록 구성했습니다. 상세페이지에서는 여러 질문과 답변을 하나의 콘텐츠로 연결하고, 이미지와 영상, 표 등을 활용해 의료정보를 보다 풍부하게 전달할 수 있도록 설계했습니다.
이를 통해 FAQ를 일회성 고객 응대 콘텐츠가 아닌, 의료정보의 전문성과 탐색 편의성을 함께 강화하는 콘텐츠 허브로 확장했습니다.
Medical Content UI
썸네일·제목·요약·담당 의료진 정보를 제공하는 목록형 UI
Multi-Q&A Structure
하나의 게시글에 여러 질문과 답변을 등록하는 콘텐츠 구조
Integrated Content Experience
이미지·영상·표·링크를 활용한 의료정보 상세 콘텐츠
connected medical CMS & branch management
기존 시스템과 연결되는 지점 데이터 연동 및
의료진 관리 체계 구축
기존 브랜드에서 별도의 전문 센터 홈페이지를 구축할 때는 새로운 서비스의 독립적인 운영 환경을 마련하는 동시에, 이미 관리하고 있는 공통 정보를 효율적으로 활용하는 것이 중요합니다. 특히 여러 지점을 운영하는 의료 브랜드는 홈페이지마다 지점 정보를 별도로 등록하고 수정할 경우 데이터 불일치와 중복 관리가 발생할 수 있습니다.
소이정은 이러한 문제를 고려해 기존 365mc 시스템에서 관리하는 지점 정보를 줄기세포센터 관리자에서도 활용할 수 있도록 데이터 연동 구조를 구축했습니다. 신규 홈페이지에서 지점 정보를 중복으로 관리하는 부담을 줄이고, 기존 브랜드의 지점 데이터를 기반으로 콘텐츠를 운영할 수 있도록 설계했습니다.
의료진 정보는 줄기세포센터 관리자에서 별도로 등록하고 관리하도록 구성했습니다. 관리자는 연동된 지점 목록에서 소속 지점을 선택하고, 의료진의 이름과 직급, 소개, 줄기세포 관련 표시 정보 등을 설정할 수 있습니다.
이를 통해 공통으로 활용해야 하는 지점 데이터는 기존 시스템과 연결하고, 전문 센터에 특화된 의료진 콘텐츠는 독립적으로 관리하는 운영 구조를 구현했습니다. 기존 브랜드 시스템과 신규 홈페이지의 역할을 구분하면서도 관리 효율성을 높인 맞춤형 CMS 구축 사례입니다.
- 기존 시스템의 지점 데이터 연동 및 활용
- 기존 시스템과 신규 센터 CMS의 역할을 구분한 운영 구조
Generative AI
의료 브랜드의 깊이를 더하는
감각적인 이미지 설계
지방줄기세포, 재생의학, 의료 전문성을 표현하기 위해 메디컬 이미지와 인물 비주얼을 생성형 AI로 제작해 지방줄기세포센터의 전문성과 신뢰감 있는 브랜드 무드를 시각화했습니다.
UI System
Typography
& Colors
ENPretendard
KO프리텐다드
#FF6000
MIRACLE ORANGE
#D75500
VITAL SPECTRUM
#15151A
HERO BLACK
Infographics
의료 정보를 단계별로 시각화하여
사용자에게 쉽고 명확하게 전달
지방줄기세포의 개념과 장점을 사용자가 쉽게 이해할 수 있도록 핵심 수치, 그래프, 이미지 요소를 활용해 인포그래픽 콘텐츠로 구성했습니다.
추출률, 회수율, 관리 시스템 등 전문적인 정보를 시각적으로 정리해 의료 서비스의 기술력과 신뢰도를 직관적으로 전달했습니다.
Responsive UX
모바일 퍼스트 반응형 인터페이스
학부모 사용자의 주 접속 환경인 모바일 디바이스에 맞춰 한 손 조작과 엄지손가락 터치 반경을 고려한 UI/UX를 설계했습니다.
4개의 해상도 브레이크포인트를 적용해 태블릿과 PC 와이드 화면까지 일관된 사용성을 제공합니다.
KEY RESULTS
프로젝트 구축 성과 및 지표
개선 목표도입 전 (Before)기대 효과 (예상)
의료 브랜드 경험전문 센터의 의료정보와 브랜드 특성을 전달할
독립적인 홈페이지 필요브랜드 정체성과 줄기세포센터의 전문성을 결합한 반응형 웹사이트 구축
독립적인 홈페이지 필요브랜드 정체성과 줄기세포센터의 전문성을 결합한 반응형 웹사이트 구축
지점 데이터 운영기존 브랜드와 신규 홈페이지 간
공통 지점 정보 활용 필요기존 시스템의 지점 데이터 연동으로 중복 관리 부담 완화
공통 지점 정보 활용 필요기존 시스템의 지점 데이터 연동으로 중복 관리 부담 완화
의료정보 콘텐츠단순 Q&A만으로는 복합적인
의료정보 전달에 한계다중 질문·답변, 이미지·영상·의료진·관련 콘텐츠를 결합한 칼럼형 FAQ 구축
의료정보 전달에 한계다중 질문·답변, 이미지·영상·의료진·관련 콘텐츠를 결합한 칼럼형 FAQ 구축
콘텐츠 운영 효율의료정보의 지속적인 등록과
노출 관리 필요카테고리, 검색, 노출 순서, 관련 게시글 등을 관리하는 맞춤형 콘텐츠 운영 환경 확보
노출 관리 필요카테고리, 검색, 노출 순서, 관련 게시글 등을 관리하는 맞춤형 콘텐츠 운영 환경 확보
FAQ
자주 묻는 질문
-
A
의료정보의 전문성과 브랜드 일관성을 핵심 요소로 고려했습니다. 기존 365mc의 브랜드 아이덴티티를 유지하면서 의료 프로그램과 의료진 정보를 명확한 정보 위계로 구성하고, 직관적인 UI와 안정적인 레이아웃을 적용해 방문자가 필요한 정보를 신뢰감 있게 탐색할 수 있도록 설계했습니다.
-
A
네. 맞춤형 CMS를 통해 의료정보를 카테고리별로 분류하고, 게시 여부와 노출 순서를 관리할 수 있습니다. 또한 콘텐츠별 담당 의료진과 관련 게시글을 연결할 수 있어 새로운 정보가 추가되더라도 일관된 콘텐츠 구조를 유지하며 운영할 수 있습니다.
-
A
의료 프로그램과 관련 정보, 의료진 소개를 단계적으로 탐색할 수 있도록 콘텐츠 흐름을 구성하고, 주요 화면에서 상담 기능에 접근할 수 있도록 사용자 동선을 설계했습니다. 이를 통해 방문자가 필요한 정보를 충분히 확인한 뒤 자연스럽게 상담을 고려할 수 있는 환경을 마련했습니다.