# 개발 계획서 — 카루스워크 AI 에이전트 SI 웹사이트 (2026-10-06)

> 목적: 내일(10/7) 강이철 박사 미팅/구축 전, 도메인·디렉토리 구조 확정.
> 베이스라인: 현대오토에버 전체 파싱(IA 75링크). 구조는 차용, 톤/메시지는 1인저가이양.
> 연계: REF-HYUNDAI-AUTOEVER-BASELINE / SI-4LINE-STRUCTURE.

---

## 1. 현대오토에버 IA 전체 구조 (파싱 결과 — 벤치마크)

```
About (회사)        : 회사소개 · 연혁 · 사업장(국내/해외) · PR(블로그/뉴스룸/뉴스레터)
Business Area (핵심) :
  ├ Core Technology  : AI · 빅데이터 · 클라우드 · 보안
  ├ In-Vehicle IT    : 차량SW플랫폼 · SW개발환경 · 시스템통합검증 · 기능안전 · 내비 · 정밀지도 · 엣지클라우드
  ├ Digital Transform.: 스마트모빌리티 · SDF(팩토리) · SDA(에어) · 엔터프라이즈IT
  └ DX Solutions     : SAP ERP · Canias ERP · Cloud HR · CRM · NGLP(차세대학습) · H Chat(AI)
Insight             : 아카이브(사고 리더십/콘텐츠)
IR                  : 재무 · IR정보 · 경영정보 · 공시 · 주식
ESG/지속가능         : 사회공헌 · 지속가능경영 · 공정거래 · 윤리/인권헌장
Contact / Utility   : 문의 · 사이트맵 · 개인정보 · 법적고지
```
**핵심 패턴**: 최상위 = About / **Business Area(사업영역이 메인)** / Insight / IR / ESG / Contact.
사업영역이 **4대 카테고리 → 세부솔루션 카드** 2단 구조. 이게 SI 사이트의 뼈대.

---

## 2. 카루스워크 IA 설계 (오토에버 구조 차용 + 1인 SI 보정)

| 오토에버 | 카루스워크 | 처리 |
|---|---|---|
| About | **About** (1인 SI 정체성·철학·이력) | 차용(간결) |
| **Business Area** | **Services (4라인)** | ★핵심 차용 |
| Insight | **Showroom (실증 데모)** | 변형 — 브로셔 대신 **진짜 만든 거** |
| IR | — | **삭제**(1인, 투자자관계 불필요) |
| ESG | — | **삭제/통합**(About의 철학으로) |
| Contact | **Contact / 상담** | 차용 |
| Utility | 최소(사이트맵·개인정보) | 축소 |

### 카루스워크 최상위 메뉴 (확정안)
```
HOME · SERVICES(4라인) · SHOWROOM(데모) · ABOUT · CONTACT
```

### SERVICES — 4라인 × 세부(오토에버 2단 패턴 적용)
```
라인2 CONTENT & MEDIA   : 문서→영상+출판 · 내목소리오디오북 · 개념사전 · (★노교수 유닛)
라인1 PLATFORM & FIELD  : 네이버자동화 · 지역비즈연동 · 부동산 · (B2G)
라인3 FAITH & COMMUNITY : 경전/설교 콘텐츠 · 종교커뮤니티 · (불교 데모)
라인4 FACTORY & ERP     : 콘텐츠ERP(FAB모형·BOM·원가·Lot) · 소호운영자동화
```

---

## 3. 도메인·레포·디렉토리 구조

**도메인**: karuswork(보유, 연결 예정) · **레포**: 형(강이철) 계정 — ★소유/지분 선결(미팅 안건)
**호스팅**: GitHub Pages(무료) · 정적 HTML(쇼케이스 스타일 재사용)

```
<repo>/ (karuswork.com → CNAME)
├── index.html                 HOME (히어로 + 4라인 요약 + 대표데모 1개)
├── services/
│   ├── index.html             4라인 개요(카드그리드)
│   ├── content-media/         라인2 (+노교수 서브)
│   ├── platform-field/        라인1
│   ├── faith-community/       라인3
│   └── factory-erp/           라인4
├── showroom/
│   ├── index.html             실증 데모 갤러리
│   └── (OrbitPrompt 쇼케이스·반야심경·UNIFORM 등 임베드/링크)
├── about/
│   └── index.html             1인 SI 정체성·철학(이양형)·저가스택 플렉스·이력
├── contact/
│   └── index.html             상담/문의(폼 or 이메일/텔레그램)
├── assets/ (css·js·img)       쇼케이스 디자인시스템 재사용
└── CNAME
```

---

## 4. 페이지별 콘텐츠 명세(요약)

- **HOME**: 히어로("대기업이 수백명으로 하는 걸, 1인이 저가로 당신 소유로 이양") + 키워드태그(#AI에이전트 #MCP공장 #이양형SI) + 4라인 카드 + 대표데모 1개(쇼케이스) + CTA(상담).
- **SERVICES/<라인>**: 각 라인 — 문제정의 → 솔루션(보유MCP 명시) → 데모링크 → 가격/프로세스(이양모델).
- **SHOWROOM**: OrbitPrompt 백서12편 쇼케이스 · 반야심경 낭송극 · UNIFORM 등 **실제 산출물**(어제 만든 거 보세요).
- **ABOUT**: 비개발자→1인생태계 서사 · 29레포/23MCP · 월18.9만 저가스택 · "원본이 먼저"(이양·존엄) 철학.
- **CONTACT**: 세그먼트별 상담(노교수/크리에이터/부동산/사찰/소호).

---

## 5. 디자인·기술 방향
- **디자인**: 오토에버 톤(무거운 대기업) 버림 → **시네마틱/터미널**(쇼케이스 디자인시스템 재사용: 다크·네온·모노). 영상 자동재생 히어로.
- **기술**: 정적 HTML + GitHub Pages + 쇼케이스 CSS 재사용. 폼은 정적(Formspree/이메일/텔레그램봇).
- **반응형**: 모바일 우선(고객 상당수 폰으로 봄).

---

## 6. 제작 순서 (미팅 후 착수)
1. ★미팅 선결: 레포 소유/도메인/지분·역할 확정 (강이철 ↔ 박씨)
2. HOME + SHOWROOM 먼저(실증 데모가 곧 영업자료 — 제일 센 페이지)
3. SERVICES 4라인
4. ABOUT · CONTACT
5. karuswork 도메인 CNAME 연결

## 7. ⚠️ 미팅 체크리스트
- [ ] 레포 소유자(형 계정?) 확정 → 자산 귀속 명확히
- [ ] karuswork 도메인 명의/연결 권한
- [ ] 공동사업이면 지분·역할(강이철=? 박씨=기술/제작?)
- [ ] 카루스워크 vs dtslib(출판) 관계 정리

*계획: Claude Code(Opus 4.8), 2026-10-06.*