Space Next←→ NavF FullscreenS Notes

H CHAT PIXEL · 2026

H Chat Pixel
HMG 임직원 AI 커뮤니티

"배우고 익히고 공유하자"

AGENDA

발표 목차

01
왜 지금 필요한가? AI 전환의 빈 퍼즐 조각
02
H Chat Pixel이란? AI 커뮤니티 플랫폼 비전
03
누가 사용하는가? 페르소나와 사용자 여정
04
어떻게 만드는가? 기술 아키텍처
05
어떻게 참여시키는가? 게이미피케이션
06
어떻게 보호하는가? 보안과 거버넌스
07
언제, 얼마나? 로드맵과 비즈니스 임팩트

AI를 도입하는 것이 아니라,
AI가 일하는 조직으로 재설계하는 것

— H Chat Pixel 비전

01

PROBLEM

왜 지금 필요한가?

현대자동차그룹 AI 전환의 빈 퍼즐 조각

DATA

AI 도입률 vs 통합률 GAP

72% AI 도입률
19% AI 통합률
52%p GAP

Browser OS 미래보고서 분석 결과 — AI를 도입한 부서는 많지만,
실제 업무에 통합한 비율은 19%에 불과하다. 이 52%p GAP이 가장 큰 기회이자 풀어야 할 과제다.

PAIN POINTS

4대 업무 병목

컨텍스트 분절

하루 47분 낭비
업무 전환 시 맥락을 다시 파악하는 데 소모

🔍

정보 과부하

건당 23분 탐색
필요한 정보를 찾는 데 과도한 시간

🔄

반복 업무

주 8-12시간
자동화 가능한 업무에 수작업 투입

🔒

데이터 주권

68% 유출 위험
퍼블릭 AI에 사내 데이터 입력

SECURITY RISK

데이터 주권 문제

퍼블릭 AI 서비스에 사내 데이터를 입력하면 68%가 외부 유출 위험에 노출된다.

사내 전용 AI 플랫폼이 필수적이며, 그 위에서 안전하게 지식을 공유할 커뮤니티가 필요하다.

H Chat Pixel은 보안이 보장된 환경에서 임직원들이 자유롭게 AI 활용 경험을 나누는 공간이다.

AX TRANSFORMATION

AX 전환의 전제조건

AX 컨설팅 전략에서 도출된 핵심 —

AI를 "조직의 실행 주체"로 내재화하려면 지식 공유 문화가 선행되어야 한다.

DX→AX 전환은 도구의 변화가 아닌 문화의 변화다.

기술을 도입하는 것만으로는 부족하다. 임직원들이 스스로 학습하고, 공유하고, 성장하는 생태계가 있어야 진정한 AI 전환이 이루어진다.

CONTENT MAP

전략 문서 관계도

W
WHY
AX 컨설팅 전략
W
WHAT
H Chat AI 플랫폼
H
HOW
Browser OS
W
WHERE
H Chat Pixel

기존 전략 문서가 WHYWHATHOW를 다루지만,
WHERE — 어디서 지식을 나눌 것인가 — 가 빠져있다.
H Chat Pixel이 이 마지막 퍼즐을 채운다.

현재 vs 미래

현재

3개 전략 문서 산재

지식 공유 채널 부재

임직원 AI 활용 격차 심화

단방향 정보 전달

Pixel과 함께

통합 지식 허브

AI 노하우 공유

쌍방향 커뮤니티

레벨업하는 AI 문화

KEY INSIGHT

핵심 통찰

기술 플랫폼(H Chat AI Platform)과 제품(Browser OS)은 이미 설계 중이지만,

임직원들이 AI를 실제로 활용하고 지식을 나누는 커뮤니티가 부재하다.

H Chat Pixel이 이 갭을 채운다.

02 PRODUCT

H Chat Pixel이란?

AI 라운지 + AI Stack Overflow + AI Reddit

CORE SPACES

3대 핵심 공간

🏠

AI 라운지

편하게 모여 AI 트렌드 · 인사이트를 탐색하는 공간

핵심 가치: 발견(Discovery)
💡

AI Q&A

AI 활용 Q&A, 프롬프트 공유, 문제 해결 지식베이스

핵심 가치: 해결(Solution)
💬

AI 토론

AI 관련 토론, 뉴스, 업보트 기반 콘텐츠 큐레이션

핵심 가치: 참여(Engagement)
AI LOUNGE

F1. AI 라운지 — 발견 & 큐레이션

P0 — 핵심 기능

피드 — AI 트렌드, 사내 AI 활용 사례 타임라인

큐레이션 — 에디터 추천, 인기 게시물, 주간 하이라이트

태그 시스템#프롬프트 #RAG #코드생성 #회의록 #제조AI

P1 북마크  ·  P2 AI 뉴스레터

북마크 — 개인 저장, 컬렉션 관리

AI 뉴스레터 — 주간 AI 트렌드 요약 자동 생성

AI Q&A

F2. AI Q&A — Stack Overflow 모델

P0 — 핵심 기능

질문/답변 — 마크다운, 코드 블록, 이미지 첨부

채택 시스템 — 질문자가 최적 답변을 채택, 답변자 평판 적립

업보트/다운보트 — 콘텐츠 품질 순위화

프롬프트 라이브러리 — 검증된 프롬프트 공유, 포크 & 커스터마이즈

P1 — 확장 기능

AI 자동 답변 제안 — H Chat API 연동, 기존 답변 기반 추천

평판 시스템 — Contributor → Expert → Champion

P2 중복 질문 감지 — 유사 질문 자동 추천

AI DISCUSSION

F3. AI 토론 — Reddit 모델

P0 — 핵심 기능

채널/서브 — 부서별, 주제별, 도구별 채널

스레드 토론 — 중첩 댓글, 인용 답글

투표/랭킹Hot / Best / New 정렬, 업보트 기반

P1 폴(Poll)  ·  P2 AMA

— AI 도구 선호도 투표, 의견 조사

AMA (Ask Me Anything) — AI 전문가 · 팀장 대상 공개 Q&A 세션

OFFICIAL RESOURCES

F4. 공식 리소스

P0 — 핵심 기능

프레젠테이션 통합 뷰어

기존 3개 PT — 사업계획서 14장, AX전략 10장, BrowserOS 43장

문서 뷰어 — MD 렌더링, TOC 자동 생성, 전문 검색

P1 용어집  ·  P2 아키텍처 다이어그램

용어집AX, MARS, HITL, RAG 등 사내 AI 용어 정의

인터랙티브 아키텍처 다이어그램 — 기술 아키텍처 시각화

USER SYSTEM

F5. 사용자 시스템

🔐

SSO 로그인

HMG Azure AD SAML
외부 접근 차단

👤

프로필

부서, 관심 태그
활동 이력, 평판

🔔

알림 & 테마

답변, 멘션, 팔로우
다크/라이트 모드

일반 인증

이메일/비밀번호 가입
외부 사용자 유입 가능
보안 리스크 ↑

SSO Only 전략

사내 SSO 단일 인증
임직원만 접근 가능
보안 최우선

KPI TARGETS

핵심 수치 목표

KPI 6개월 12개월 24개월
MAU 5,000 15,000 40,000
게시글/주 200 1,000 5,000
답변 채택률 30% 50% 65%
평균 응답 시간 4시간 1시간 30분
NPS 35 50 60+
03 USERS

누가 사용하는가?

5개 페르소나와 사용자 여정

PERSONAS

타겟 페르소나 — 상

👔

김 상무 경영진

현대차 전략본부
AI 라운지에서 트렌드 확인,
공식 리소스 PT 열람

니즈: 빠른 인사이트
📊

박 팀장 관리자

현대모비스 품질관리
Q&A에서 "제조 AI" 질문,
프롬프트 북마크

니즈: 팀 생산성 향상
💻

이 대리 지식노동자

기아 상품기획
프롬프트 라이브러리 활용,
답변 작성으로 평판 축적

니즈: 실무 활용 노하우
PERSONAS

타겟 페르소나 — 하

🔧

최 과장 IT 엔지니어

현대오토에버
기술 토론, API 연동 Q&A,
아키텍처 문서 참조

니즈: 기술 심층 정보
🌱

정 사원 신입

현대건설
AI 기초 Q&A, 트렌드 피드,
용어집 학습

니즈: AI 리터러시 향상
USER JOURNEY

사용자 여정

🔐
SSO 로그인
Azure AD
📱
개인화 피드
AI 라운지
활동
트렌드/질문/토론
🤝
상호작용
북마크/채택/업보트
📈
평판 축적
포인트 & 뱃지
🏆
레벨업
Expert → Champion
SITEMAP

정보 아키텍처

🏠

Feed

/
AI 라운지 메인 피드
Hot / New / Best / Curated

💡

Q&A

/qa
질문, 답변
프롬프트 라이브러리

💬

Discuss

/discuss
채널별 토론
스레드, 투표

📚

Resources

/resources
공식 PT, 문서
용어집

👤

Profile

/profile
활동, 평판
북마크

🔍

Search

/search
통합 검색
Q&A + 토론 + 리소스

CHANNELS

초기 채널 구조 (10개)

채널 주제 타겟
#general AI 전반 전체
#prompt-engineering 프롬프트 작성법 실무자
#hchat-tips H Chat 활용 팁 H Chat 사용자
#code-generation AI 코드 생성 개발자
#manufacturing-ai 제조/품질 AI 제조 부문

+5개 더: #document-ai · #data-analysis · #ai-news · #ax-strategy · #security-governance

IA PRINCIPLES

정보 아키텍처 설계 원칙

🔄

자연스러운 흐름

피드Q&A토론리소스
콘텐츠 소비에서 생산으로의 자연 전환

🔍

통합 검색

Q&A, 토론, 리소스, 프롬프트를
하나의 검색으로 모두 접근

🏷️

태그 기반 크로스 네비게이션

#RAG 태그 하나로 관련 질문, 토론, 리소스를 횡단 탐색

🎯

단일 진입점

하나의 플랫폼에서
모든 AI 지식에 접근

04
ARCHITECTURE

어떻게 만드는가?

기술 아키텍처와 디자인 시스템

TECH STACK

기술 스택 개요

Frontend

Next.js 16 (App Router) + TypeScript 5 + Tailwind CSS 4

SSR + ISR로 동적 커뮤니티 콘텐츠 최적 렌더링

🗃

Backend

Next.js API Routes + Prisma ORM

Serverless 아키텍처, Vercel 네이티브 통합

🔍

Search & AI

PostgreSQL FTS + pgvector

시맨틱 검색, 유사 질문 자동 추천

☁️

Infrastructure

Vercel (Realtime, Blob, Analytics)

기존 인프라 유지, 추가 구성 최소화

FRONTEND

Frontend 기술 상세

State 관리Zustand + TanStack Query
서버 상태 캐싱, 실시간 피드 업데이트, 낙관적 UI 반영

에디터Tiptap (ProseMirror 기반)
마크다운 + 리치텍스트 동시 지원, 코드 블록 하이라이팅, @멘션, 이미지 삽입

인증NextAuth.js + Azure AD SAML
HMG SSO 직접 연동, JWT 세션 관리, 역할 기반 접근 제어

BACKEND

Backend & Database

PostgreSQL (Vercel Postgres) — 관계형 데이터 + 전문 검색을 단일 DB에서 처리

pgvector — AI 기반 시맨틱 검색, 유사 질문 자동 추천, 프롬프트 유사도 매칭

Vercel Realtime — 알림, 실시간 댓글 업데이트, 새 답변 푸시

Vercel Blob — 이미지/파일 첨부 스토리지, CDN 자동 배포

PostHog — 사용자 행동 분석, 퍼널 추적, 킬 크라이테리아 측정

DATA MODEL

핵심 데이터 모델

👤

User

id, department, reputation, level, sso_id, preferences

📄

Post

type: question | discussion | prompt
tags, votes, answers

💬

Answer / Comment

중첩 댓글 (parent_id), vote_count, is_accepted

📢

Channel

type: official | community
member_count, post_count

Vote

+1 / -1 투표

Bookmark

컬렉션 관리

Tag

follower_count

Badge

criteria (JSON)

INFRASTRUCTURE

인프라 & 배포 전략

Vercel 네이티브 환경 100% 활용

Vercel Analytics + PostHog — 사용자 행동 추적, 퍼널 분석, 킬 크라이테리아 측정

💰 Vercel Pro tier$500/월로 전체 인프라 커버

⚙️ Serverless 아키텍처 — 자동 스케일링, 트래픽 비례 과금, 유휴 비용 제로

🚀 기존 Vercel 인프라 유지 — 추가 구성 최소화, DevOps 인력 불필요

🔒 Edge Functions — 글로벌 엣지에서 인증/라우팅 처리, 응답 지연 최소화

DESIGN SYSTEM

Pixel Design System

🎨

Colors

Primary: Indigo #4F46E5
Secondary: HMG Cyan #00AAD2
Accent: Amber #F59E0B

+ Purple #7C3AED (에이전트)
+ Green #22C55E (성공)
+ Red #EF4444 (경고)

📝

Typography

Noto Sans KR (셀프 호스팅)

Display: 900
H1: 900
H2: 700
Body: 400 / line-height 1.7

🧩

Components

PostCard, AnswerCard
VoteButton, TagChip
Editor, SearchBar
ChannelCard, SlideViewer
StatsCard

TECH COMPARISON

기술 스택 선택 근거

Option A: Next.js

추천

동적 커뮤니티 콘텐츠에 최적
Vercel 네이티브 통합
SSR + ISR 동시 지원
풍부한 생태계 + TypeScript

🟠

Option B: Astro + Supabase

탈락

정적 콘텐츠에는 우수
동적 커뮤니티 기능에 한계
실시간 피드 처리 복잡
Astro Islands 제약

🔴

Option C: Discourse 커스텀

탈락

기성 포럼 솔루션
HMG 브랜드 커스터마이징 한계
자체 서버 필요 (Ruby)
Vercel 생태계 이탈

05
GAMIFICATION

어떻게 참여시키는가?

게이미피케이션과 참여 동기 설계

PIXEL CONCEPT

GitHub 잔디 컨셉

1픽셀씩 레벨업 — 활동이 시각화되는 AI 커뮤니티

🌱 GitHub Contribution Heatmap처럼 매일의 활동이 색으로 채워집니다.
질문, 답변, 프롬프트 공유 — 모든 기여가 나의 픽셀이 됩니다.

🎓 Trailhead 학습 경로 — 뱃지와 레벨로 성장 경로를 제시합니다.
"다음 레벨까지 30포인트" 같은 진행 표시가 동기를 부여합니다.

성취감 → 지속적 참여 → AI 활용 문화 정착

POINT SYSTEM

포인트 규칙

+25
답변 채택
+15
프롬프트
공유
+10
답변 작성
+5
질문 작성
+5
업보트
받음
+5
토론 시작
-2
다운보트
LEVEL SYSTEM

레벨 시스템

🌱
Newcomer
0 – 50
💬
Contributor
51 – 200
Expert
201 – 1,000
🏆
Champion
1,001 – 5,000
💎
Architect
5,001+

레벨이 올라갈수록 커뮤니티 관리 권한이 점진적으로 해제됩니다
토론 시작 → 태그 제안 → 질문 편집 → 태그 생성 → 채널 관리 & AMA 호스트

SPECIAL BADGES

특별 뱃지

🏅

First Answer

첫 답변 채택

🎯

Prompt Master

프롬프트 10개+ 공유

🌎

Cross-Pollinator

3개+ 부서에서 활동

Speed Demon

10분 내 채택 답변

🚀

AI Pioneer

사내 최초 새 AI 도구
활용법 공유

CEO EXPANSION

CEO 리뷰 확장 기능

📱

Teams 알림 연동

답변, 채택, 멘션 알림을 Microsoft Teams로 실시간 전송

🔀

프롬프트 버저닝 + 포크

버전 관리로 히스토리 추적, 포크로 나만의 프롬프트 커스터마이즈

📧

주간 다이제스트 이메일

매주 월요일 — 인기 프롬프트, 미답변 질문, "나의 임팩트" 리포트

🤖

Ask H Chat 자동 초안

4시간 미답변 시 H Chat AI가 초안 답변 제안 (API 접근 조건부)

📊

사용 분석 대시보드

인기 프롬프트, 트렌딩 태그, 활성 사용자, 주간 성장 추이

🌙

다크 모드

Tailwind dark: variant, 시스템 설정 연동, 프로필에서 토글

06 SECURITY

어떻게 보호하는가?

보안, 거버넌스, 컴플라이언스

AUTHENTICATION

인증/인가 체계

🔐

SSO 로그인

HMG SSO (Azure AD SAML) 연동
외부 접근 완전 차단, 사내 임직원만 접속 가능

👥

역할 기반 접근

User · Moderator · Admin
민감 리소스(재무 데이터 PT)는 부서장 이상만 열람

🔑

API 보안

JWT + HMAC-SHA256 서명
모든 API 엔드포인트 인증 필수, 토큰 자동 갱신

CONTENT SECURITY

콘텐츠 보안 4대 방어선

1. PII 자동 감지 — 게시물 작성 시 개인정보 패턴(11가지) 자동 경고
주민번호, 전화번호, 이메일, 카드번호, 주소 등 실시간 스캐닝

2. 사내 기밀 분류 — 태그 기반 기밀 등급 관리
#confidential 태그 부착 시 접근 제한, 부서장 승인 필요

3. 불변 감사 로그 — 모든 CRUD 작업 기록, 삭제 불가
누가, 언제, 무엇을 했는지 완전한 감사 추적

4. 콘텐츠 신고 — 부적절 게시물 신고 → 모더레이터 즉시 리뷰
24시간 내 처리 SLA, 반복 위반자 자동 제재

COMPLIANCE

규제 대응

🇰🇷

한국 AI 기본법

2026.01 시행
AI 자동 답변에 AI 생성 표시, 설명 가능성 확보

🇪🇺

EU AI Act

AI 추천 시스템 대상
투명성 의무 준수, 고위험 분류 평가 완료

🛡️

개인정보보호법

프로필 정보 최소 수집
수집 동의 관리, 탈퇴 시 완전 삭제

🏢

사내 정보보안

사내 규정 완전 준수
SSO 강제, 외부 차단, 감사 로그 상시 운영

SECURITY INSIGHTS

에이전트 분석 보안 인사이트

✅ Zero Trust 6계층 보안 체계 — 기존 설계 우수
네트워크 → 인증 → 인가 → 데이터 → 앱 → 모니터링, Pixel에서 상속

⚠️ 현재 사이트 보안 헤더 0개 — Pixel에서 전면 적용
CSP, HSTS, X-Frame-Options, X-Content-Type-Options 모두 구현

⚠️ 민감 정보 공개 노출 — 인증 게이트로 보호
기술 스택 버전, 인건비, PRISM CI Gate 등 → SSO 인증 후에만 접근

✅ PII 11패턴 감지 + HITL Gate — 자동화 + 인간 검증
AI가 감지하고, 사람이 최종 판단하는 이중 안전장치

07 ROADMAP

언제, 얼마나?

로드맵, 비즈니스 임팩트, 투자 규모

TIMELINE

개발 로드맵 — 16주 (4개월)

📋
Phase 0
Discovery
2주
🚀
Phase 1
MVP Q&A
4주
💬
Phase 2
Community
4주
🤖
Phase 3
Intelligence
4주
Phase 4
Polish
2주
PHASE 0-1

Phase 0-1 상세

Phase 0: Discovery (2주)

타겟 사용자 인터뷰 (5부서 x 2명) · 와이어프레임 설계 · Design System 토큰 확정 · SSO 연동 PoC (Azure AD 먼저 검증) · 데이터 모델 확정

Phase 1: MVP Q&A (4주)

Next.js 셋업 + Vercel 배포 · SSO 로그인 · 질문/답변 CRUD · 채택 + 업보트 · 태그 + 검색 · 기존 PT 3개 → 공식 리소스 마이그레이션

PHASE 2-4

Phase 2-4 상세

Phase 2: Community (4주)

채널/서브 시스템 · 스레드 토론 · 피드 정렬(Hot/Best/New) · 프롬프트 라이브러리 · 평판/뱃지 · 알림

Phase 3: Intelligence (4주)

AI 자동 답변(H Chat API 연동) · 시맨틱 검색(pgvector) · 뉴스레터 자동 생성 · 분석 대시보드

Phase 4: Polish (2주)

Lighthouse 95+ · 모바일 최적화 · 접근성(WCAG AA) · 부하 테스트 · GA 배포

ECOSYSTEM

H Chat 생태계 내 포지셔닝

H Chat AI Platform (인프라/백엔드)
  ├── H Chat App (프론트엔드 채팅)
  ├── H Chat Browser OS (Chrome Extension) ← 미래
  └── H Chat Pixel (커뮤니티) ← 이것

Pixel의 플라이휠:

AI 노하우 축적 → Platform 사용률 ↑ · 프롬프트 라이브러리 → Browser OS 품질 ↑ · 사용자 피드백 → 제품 개선 ↑

EXPECTED IMPACT

기대 효과

19% → 45%
AI 통합률
52%p GAP 절반 해소
23분 → 5분
지식 탐색 시간/건
Q&A 축적 + 검색 고도화
65% → 75%
H Chat DAU/MAU
커뮤니티 → 제품 사용 유도
월 20개+
신규 Use Case
현업 자발적 공유
L1-L2 → L3
AX 성숙도
조직 문화 + 역량 동시 향상
INVESTMENT

투자 규모

항목비용비고
개발 (4개월, 3명)~$120K프론트엔드 2 + 백엔드 1
인프라 (Vercel Pro + DB)~$500/월Serverless, 종량제
디자인~$15KDesign System + 와이어프레임
총 초기 투자~$140K
연간 운영비~$30K인프라 + 모더레이션

ROI 220-270% · LTV/CAC 48x · ARR $12.1M (전체 H Chat 플랫폼 기준)

RISK MATRIX

주요 리스크와 대응

🔴

빈 커뮤니티 HIGH / HIGH

초기 참여율 저조 위험
대응: 100개+ 시드 콘텐츠, 부서별 앰배서더 10명, 경영진 킥오프

🟡

기밀 유출 HIGH / MED

사내 기밀 유출 위험
대응: PII 감지, 기밀 태그, 모더레이터, 감사 로그

🟡

SSO 지연 HIGH / MED

SSO 연동 지연 가능성
대응: Phase 0에서 Azure AD PoC 먼저 검증

🟠

Teams 중복 MED / HIGH

기존 메신저와 중복 우려
대응: "AI 전문 지식" 특화, 검색 · 구조화 차별점

AI를 도입하는 것이 아니라,
AI가 일하는 조직으로 재설계하는 것.

H Chat Pixel은 이 재설계를
임직원 스스로가 이끌어가는 커뮤니티이다.

— H Chat Pixel 비전

THANK YOU

H Chat Pixel

배우고 익히고 공유하자

Q&A