SYSTEM BLUEPRINT

글로벌 의료 정보 플랫폼
사용자별 화면 설계 및 시나리오

핵심 유저 타입별 여정과 시스템 인터페이스를 정의한 설계도입니다.

일반 사용자 시나리오

환자 및 일반 사용자 여정

사용자가 플랫폼에 접속하여 정보를 탐색하고 예약을 완료하는 흐름입니다.

1. 플랫폼 탐색

다국어 지원을 통한 병원 정보 검색 및 필터링

2. 상세 정보 확인

성형외과/치과 전문 병원의 고화질 이미지 및 리뷰 확인

3. 예약 및 상담

실시간 예약 시스템을 통한 상담 신청

4. 알림 및 관리

예약 상태 확인 및 개인화된 알림 수신

5. 완료

예약 확정 및 사후 관리

일반 사용자 | 화면 01

메인 탐색 대시보드

https://service.poc/home
[Hero Image: Premium Clinic Gallery]
한국어
일본어
Clinic A
Clinic B
Clinic C

[화면 개요 및 목적]

사용자가 처음 접속했을 때 마주하는 메인 화면입니다. Vitality Mint 컬러를 활용한 프리미엄 디자인과 다국어 전환 버튼이 강조됩니다.

[핵심 기능 로직]

사용자 위치 및 선호 언어에 따른 자동 로컬라이징 엔진이 작동하며, 고성능 검색 필터가 실시간으로 결과를 렌더링합니다.

  • React Query (State Management)
  • ElasticSearch (Fast Search)
일반 사용자 | 화면 02

병원 상세 페이지

https://service.poc/clinic-detail
[High-Res Clinic Interior]

Premium Clinic Center

Expertise in Plastic Surgery & Dental Care

[화면 개요 및 목적]

선택한 병원의 상세 정보, 의료진 프로필, 그리고 실제 환자들의 고화질 리뷰를 시각적으로 풍부하게 제공합니다.

[핵심 기능 로직]

다국어 콘텐츠 매핑 엔진을 통해 선택된 언어에 맞는 텍스트와 이미지를 동적으로 로드합니다.

  • Next.js (SSR/ISR)
  • Cloudinary (Image Optimization)
일반 사용자 | 화면 03

예약 및 상담 신청

Select Appointment

12
13
14
15
16
17
18

[화면 개요 및 목적]

사용자가 원하는 날짜와 시간을 선택하고 상담을 신청하는 핵심 전환 페이지입니다.

[핵심 기능 로직]

실시간 예약 가용성 체크 및 다국어 폼 유효성 검사를 수행합니다.

  • Supabase (Real-time DB)
  • Zod (Form Validation)
콘텐츠 크리에이터 시나리오

크리에이터 콘텐츠 관리 여정

레시피를 등록하고 다국어 버전으로 배포하는 크리에이터의 워크플로우입니다.

1. 레시피 등록

기본 레시피 및 고화질 이미지 업로드

2. AI 다국어 번역

LLM 기반 자동 번역 및 톤앤매너 조정

3. 영상 합성

AI 아바타를 활용한 홍보 영상 생성

4. 배포 및 모니터링

플랫폼 게시 및 사용자 반응 분석

5. 성과 분석

조회수 및 예약 전환율 대시보드 확인

콘텐츠 크리에이터 | 화면 01

레시피 스튜디오 (Editor)

https://service.poc/creator/studio
[Recipe Title Input]
[Rich Text Content Area]

Media Assets

[화면 개요 및 목적]

크리에이터가 레시피의 핵심 내용을 입력하고 미디어 에셋을 관리하는 전문 편집 환경입니다.

[핵심 기능 로직]

Rich Text Editor와 미디어 업로드 파이프라인이 통합되어 있으며, 실시간 자동 저장 기능을 제공합니다.

  • TipTap (Rich Text Editor)
  • S3 (Media Storage)
콘텐츠 크리에이터 | 화면 02

AI 번역 및 검수

https://service.poc/creator/translate
Original (KR)
...
AI Translation (JP)
...

[화면 개요 및 목적]

입력된 레시피를 기반으로 AI가 다국어 버전을 생성하고, 크리에이터가 최종 검수하는 화면입니다.

[핵심 기능 로직]

GPT-4o를 활용하여 문맥에 맞는 자연스러운 번역을 수행하며, 원문과 번역문 비교 뷰를 제공합니다.

  • OpenAI GPT-4o API
  • i18next (Translation Framework)
콘텐츠 크리에이터 | 화면 03

영상 합성 대시보드

https://service.poc/creator/render

Active Renders

Render #102 - 85%
Render #103 - 40%
Render #104 - Queued
[Preview Window]

[화면 개요 및 목적]

AI 아바타를 활용하여 홍보 영상을 생성하고 렌더링 상태를 모니터링하는 대시보드입니다.

[핵심 기능 로직]

HeyGen API와 연동되어 비동기 렌더링 파이프라인을 관리하며, 완료 시 알림을 제공합니다.

  • Data Aggregation & Visualization
  • Redis (Job Queue)
시스템 관리자 시나리오

시스템 운영 및 품질 관리 여정

전체 플랫폼의 데이터, 사용자, AI 품질을 모니터링하고 관리하는 흐름입니다.

1. 통합 관제

실시간 트래픽 및 시스템 상태 모니터링

2. AI 품질 검수

생성된 콘텐츠의 적절성 및 품질 검수

3. 사용자 관리

계정 상태 관리 및 권한 제어

4. 데이터 분석

플랫폼 성장 지표 및 사용자 행동 분석

5. 시스템 설정

다국어 설정 및 글로벌 정책 관리

시스템 관리자 | 화면 01

관제 대시보드

admin.service.poc/dashboard
Users: 1.2k
Active: 450
Errors: 0
Latency: 45ms
[Real-time Traffic Chart]

[화면 개요 및 목적]

전체 플랫폼의 상태를 한눈에 파악할 수 있는 고밀도 데이터 대시보드입니다.

[핵심 기능 로직]

WebSocket을 통해 실시간 트래픽과 에러 로그를 수집하며, 임계치 초과 시 알림을 발생시킵니다.

  • Socket.io
  • Grafana / Prometheus
시스템 관리자 | 화면 02

AI 품질 검수 센터

admin.service.poc/quality-control
[Flagged Content]

Actions

[화면 개요 및 목적]

AI가 생성한 대본 및 영상의 적절성을 검수하고 승인/거부하는 관리 화면입니다.

[핵심 기능 로직]

콘텐츠 필터링 엔진과 연동되어 부적절한 콘텐츠를 자동 감지하고 관리자에게 플래그를 표시합니다.

  • TensorFlow.js (Content Safety)
  • Custom Moderation Logic
시스템 관리자 | 화면 03

사용자 권한 관리

admin.service.poc/users

User Management

User 1
User 2
User 3
User 4

[화면 개요 및 목적]

플랫폼 가입 사용자 및 크리에이터의 권한을 관리하고 계정 상태를 제어합니다.

[핵심 기능 로직]

RBAC(Role-Based Access Control) 시스템을 통해 사용자별 접근 권한을 세밀하게 제어합니다.

  • Supabase Auth
  • Issue Tracking & Status Management