# 쟁승메이드 홈 재구조 브레인스토밍 - **작성일**: 2026-04-27 - **결정 라인**: - A (Music + Custom Build 동등 두 사업부) - A-1 (Custom Build 산하: 외주·웹사이트·자동화·사주 카탈로그·블로그 자동화) - URL 정책: `/work` 사용 (P1에서 `/freelance`·`/services/*`·`/saju` 마이그레이션) - 사주 통합: `/saju` → `/work/saju` (카탈로그 spec과 1:1 매핑) - 결제: 우선 계좌이체만. PG는 P3로 보류 (토스 해지 상태 유지) - 가격 정책: 자체 사이트 별도 정가. 크몽엔 "완성품"만 올림. 사이트 방문자 한정 판매가 - 외주 진행 5건: 사이트 비공개 (납품 완료 5건만 사례로 노출) - **상위 컨텍스트**: - 현재 메인 = 100% Music 제품 톤으로 피벗된 상태 (`app/page.tsx`, `app/components/TopNav.tsx`) - 외주 페이지(`/freelance`)는 살아있으나 헤더에서 진입 경로가 사라짐 - 사주 카탈로그 spec(`docs/superpowers/specs/2026-04-27-saju-service-catalog-design.md`) 작성 완료, 구현 plan(`docs/superpowers/plans/2026-04-27-saju-service-catalog-implementation.md`) 7 task 분해 완료 - **이 문서의 목적**: 1. 현재까지 구현된 것 + 흩어져 있던 아이디어를 한 장에 정리 2. "Music + Custom Build 두 사업부" 정보구조(IA) 변경 아이디어 3안 비교 3. 다음 작업 우선순위(TODO) 제안 --- ## 1. 현재 구현 정리 (As-Is, 2026-04-27) ### 1.1 사이트 IA 현황 ``` / ← Music 제품 페이지 톤 (Hero "나의 이야기가 노래가 됩니다") /services/music ← 음악 팩 상세 (입문 39k / 프로 99k / 마스터 149k) /services/music/samples ← 음악 샘플 갤러리 /services/blog ← 블로그 자동화 팩 /services/website ← 웹사이트 제작 + 샘플 7종 └─ samples/{corporate, bakery, portfolio, dashboard, game, interior, reading, shopping} /studio ← Suno API 연동 음악 생성 스튜디오 /saju ← AI 사주 분석 (입력) /saju/input ← 사주 입력 폼 /saju/result ← 사주 결과 + AI 해석 /freelance ← 외주 개발 포트폴리오 (납품 5건 사례) /portfolio/[token] ← 공유 가능한 포트폴리오 토큰 URL /login, /mypage ← 회원 /payment/{success,fail,test} ← 결제 /legal/{terms, privacy, refund} ← 약관 /admin/* ← 관리자 (services, contacts, quotes, members, dashboard, analytics, marketing, hidden, documents, questionnaire) ``` ### 1.2 헤더(TopNav) 현재 상태 - `app/components/TopNav.tsx` — 4개 링크 모두 음악 전용 - 홈 / 샘플(`/services/music/samples`) / 팩 상세(`/services/music`) / 스튜디오(`/studio`) - 우측 CTA: 로그인 + `Try now` (→ `/services/music`) - 스크롤 시 알약형 글래스 헤더로 전환 (max-w-3xl 축소) - 외주(`/freelance`), 사주(`/saju`), 블로그(`/services/blog`), 웹사이트(`/services/website`) **진입 경로 없음** ### 1.3 메인 페이지(`/`) 현재 상태 5섹션, 100% Music 제품 페이지: 1. **Hero** — `/hero-bg.mp4` 풀스크린 영상 + "나의 이야기가 / 노래가 됩니다." 2. **Features** — 3-step 비디오 (Prompt / Visual / Publish) 3. **Before/After** — 수작업 vs AI 4항목 비교 4. **Use Cases** — 16개 트윗 마퀴(좌→우 / 우→좌) 5. **Final CTA** — 동일 영상 블러 + "오늘 밤, 첫 AI 뮤비" → 외주·사주·블로그 대상 방문자가 메인에 도달하면 컨버전 경로 없음. ### 1.4 푸터(PublicShell) 현재 상태 - Product 섹션: 음악 팩 / 샘플 / 가격 - Company 섹션: AI 사주 / 블로그 자동화 / 문의 - Legal 섹션: 이용약관 / 개인정보 / 환불 - 외주(`/freelance`), 웹사이트(`/services/website`) 푸터에서도 노출 없음 ### 1.5 SEO/메타 현재 상태 `app/layout.tsx`: - `` = "AI 음악·뮤비 팩 ₩39,000~ | 쟁승메이드" - `description` = 음악 팩 중심 - `keywords` = AI 음악 위주 + 블로그·사주 보조 - JSON-LD `OfferCatalog` = 음악 3티어(39k/99k/149k) + 블로그(29k) + 사주(무료) - 외주·웹사이트·자동화 관련 정형 데이터 없음 ### 1.6 Music 사업부 (현재 가장 정돈된 라인) | 항목 | 위치 | 상태 | |---|---|---| | 제품 페이지 | `/services/music` | 3티어 + 구성품 + FAQ 완성 | | 샘플 갤러리 | `/services/music/samples` | 별도 페이지 분리 완료 | | 스튜디오 | `/studio` | Suno API 프록시 연동 | | 메타데이터 | layout.tsx | 음악 중심 | | 푸터 Product | PublicShell | 음악만 노출 | ### 1.7 Custom Build 후보 라인 — 파편화 상태 A-1 결정에 따라 한 사업부로 묶을 5개 라인이 현재는 각자 떨어져 있음: | 라인 | 현재 위치 | 헤더 진입 | 푸터 진입 | 메인 진입 | |---|---|---|---|---| | 외주 개발 | `/freelance` | ❌ | ❌ | ❌ | | 웹사이트 제작 | `/services/website` (+ 샘플 7종) | ❌ | ❌ | ❌ | | 자동화 | (미구축, 외주 페이지에 사례만) | — | — | — | | 사주 카탈로그 | `/saju` (+ spec 문서) | ❌ | ⚠️(사주만) | ❌ | | 블로그 자동화 | `/services/blog` | ❌ | ⚠️(블로그만) | ❌ | → A-1을 외부에서 **하나의 사업부**로 인식시키려면 우산 페이지가 필요함. ### 1.8 사주 시스템 (검증 완료) - `lib/saju-calculator.ts` — 만세력 정확도 검증 (1992-12-23 男 = 壬申/壬子/癸酉/庚申) - `lib/solar-terms.ts` — 입춘 기준 절기 분기 처리 - `lib/ai-interpretation.ts` — 신강/신약 용신 추정 (점수 내림차순) - `app/api/saju/analyze/route.ts` — Gemini 2.5 Pro → 2.5 Flash → 2.0 Flash 폴백 - `app/saju/result/SajuAISection.tsx` — Mock 감지 + 재생성 버튼 - 카탈로그 spec(49만 코어 + 모듈 11종) 미구현 상태 ### 1.9 운영/관리 시스템 - `/admin` 9개 화면: dashboard / services / contacts / quotes / quotes/[id] / members / analytics / marketing / hidden / documents / questionnaire - 견적서 PDF 출력, HMAC 인증, 토큰 공유 URL, 마케팅 에셋 관리 - API: `/api/admin/*`, `/api/contact`, `/api/payment/*`, `/api/saju/*`, `/api/studio/*`, `/api/telegram/*`, `/api/projects/*`, `/api/questionnaire/*`, `/api/cron/*` ### 1.10 외부 인프라 - Vercel 배포 (Next.js 16 App Router, TS, Tailwind v4) - Resend 이메일 (자체 검증 도메인) - Google Analytics G-WG77RNHXRK - Google Gemini (사주 AI) - Suno API (스튜디오) - 별도 NAS(`gahusb.synology.me`) 백엔드 — workspace 상위 CLAUDE.md 참조 --- ## 2. 캡처된 아이디어 / 전략 컨텍스트 > ⚠️ 메모리 일부는 20~28일 전 시점 기록. 현재 코드/현황과 다를 수 있음. 의사결정 시 CEO가 재확인 필요. ### 2.1 매출 5트랙 (메모리 `project_revenue_strategy.md`) | Track | 라인 | 사이트 노출 의도 (메모리 시점) | |---|---|---| | 1 | 외주 (현금) | 사이트 노출 축소, 포트폴리오만 / 크몽·숨고·위시캣 중심 | | 2 | 사주 + 로또 (트래픽) | 무료 사주 + SEO 콘텐츠로 트래픽 | | 3 | 블로그 자동화 (제품) | 30만 → 50만 (리뷰 5개 후 인상) | | 4 | AI 크레딧 (제품, 미구현) | AI 글·이미지 크레딧 모델 | | 5 | 대시보드 (보류) | 부업 수익 종합 or 청약 | → A-1 결정과 함께 **Track 1(외주)을 사이트에서 다시 살린다**는 방향 전환. 단, "현금 확보 트랙"이라는 본질은 유지 — 외주 페이지는 컨버전·견적 문의가 핵심 KPI. ### 2.2 마케팅 플랫폼 전략 (메모리 `project_marketing_strategy.md`) 크몽 BASIC/STANDARD/PREMIUM 가격대(수수료 20% 포함): | 서비스 | BASIC | STANDARD | PREMIUM | |---|---|---|---| | 홈페이지 | 55만 | 165만 | 330만 | | 업무 자동화 | 33만 | 88만 | 220만 | | 프롬프트 | 11만 | 33만 | 88만 | | 주식 자동매매 | 55만 | 110만 | 220만 | → Custom Build 우산 페이지의 가격 기준선으로 활용 가능. 자체 사이트는 크몽 정가-α(수수료 미포함분)로 미세 우위. ### 2.3 진행 중 외부 컨택 5건 (메모리 `project_proposals.md`) | 플랫폼 | 프로젝트 | 금액 | 기간 | |---|---|---|---| | 숨고 | 카페24 자사몰 + 3브랜드몰 | 180만 | 15일 | | 위시캣 | PHP 사이트 PG 연동 (나이스페이 + 페이팔) | 720만 | 55일 | | 위시캣 | 옵션 자동매매 MVP | 300만 | 20일 | | 위시캣 | 기업 공식 홈페이지 | 480만 | 30일 | | 위시캣 | 중학교 진로탐색 워크북 | 850만 | 35일 | → 외주 사업부의 "최근 제안" 섹션으로 노출하면 신뢰도 강화 (단가가 큰 위시캣 건들이 강한 신호). ### 2.4 Music 피벗 의도 (커밋 로그) - `5cc224a refactor: AI 음악 메인 개편 — 로또/프롬프트/자동화 삭제, 음악/블로그 팩 신규` - `441bf00 ~ ce2720b` — 음악 hero/Suno API/팩 상세/마케팅 카피·메타·CTA 음악 중심 정렬 - `c7086f3 style: Bagel Fat One 디스플레이 폰트 도입` - `835c154 copy(hero): 애플식 카피 — 단언·간결·제품 중심` → Music은 "제품화된 패키지"로 톤이 잡힌 상태. 이 톤을 부수지 않으면서 외주를 살려야 함. ### 2.5 결제/PG 변수 (메모리 시점) - 토스페이먼츠 해지 완료 (월 30만 부담) — 대체 PG 미정 상태로 기록 - → 현재 코드에 `app/payment/{success,fail,test}` 경로는 살아있음. **CEO 재확인 필요** (해지가 유효한지, 대체 PG가 들어갔는지). --- ## 3. 재구조 아이디어 — 2-up 동등 사업부 (A-1) ### 3.1 정보구조(IA) 변경 골격 — 공통 베이스 (확정) ``` / ← 회사(JSM) 표지 + 두 사업부 진입점 /music ← Music 사업부 허브 /music/packs = 현 /services/music /music/samples = 현 /services/music/samples /music/studio = 현 /studio /work ← Custom Build 사업부 허브 (신설) /work/freelance = 현 /freelance (포트폴리오 + 일반 외주 문의) /work/website = 현 /services/website (+ samples/* 그대로 이동) /work/automation (신설, 외주 페이지의 자동화 사례 4건 추출) /work/saju = 현 /saju 통합 (사주 카탈로그 spec 1:1 매핑) /work/blog = 현 /services/blog ``` **마이그레이션 원칙** - 기존 URL → 새 URL은 **301 영구 리다이렉트**로 처리 (Next.js `redirects()` in `next.config.ts`) - 외부 링크/검색 인덱스 보존: `/services/music`, `/services/blog`, `/services/website`, `/services/website/samples/*`, `/freelance`, `/saju`, `/saju/input`, `/saju/result`, `/studio` 모두 매핑 - JSON-LD `OfferCatalog` 의 URL도 동시 갱신 - 사주 SEO 영향이 가장 큼 — `/saju` 트래픽이 살아있다면 리다이렉트가 깨지면 안 됨 ### 3.2 메인 페이지 — 3가지 접근법 #### 안 1. Split Hero (좌우 양분) ``` ┌─────────────────────────┬──────────────────────────┐ │ Music │ Custom Build │ │ hero-bg.mp4 영상 BG │ 코드/엔지니어링 BG │ │ "나의 이야기가 │ "당신의 업무를 │ │ 노래가 됩니다" │ 코드가 합니다" │ │ ₩39,000~ Try now │ 견적 문의 │ └─────────────────────────┴──────────────────────────┘ ``` - **장점**: 첫 화면에서 두 사업부 동등성 즉각 인지. SEO에서 두 메시지 모두 H1로 노출. - **단점**: 모바일에서 위·아래 stack 시 반쪽씩 보임. 두 영상 동시 재생은 모바일 데이터 부담. Music의 "한 줄 임팩트" 톤이 약해짐. #### 안 2. Brand Hero + 2-up Card *(추천)* ``` ┌─────────────────────────────────────────────────────┐ │ [BRAND HERO — 회사 표지] │ │ "현직 엔지니어가 만드는 두 가지." │ │ AI 제품과 맞춤 개발. │ └─────────────────────────────────────────────────────┘ ┌──────────────────────────┬──────────────────────────┐ │ [Music 카드] │ [Custom Build 카드] │ │ hero-bg.mp4 미니 │ 코드/타이포 모션 │ │ "AI 음악 제품" │ "맞춤 개발 사업부" │ │ ₩39,000~ Try now │ 견적 받기 → │ │ 주요 라인: 팩·샘플·스튜디오│ 주요 라인: 외주·사주·웹·자동화·블로그│ └──────────────────────────┴──────────────────────────┘ [ 신뢰 — 납품 N건 / Music 팩 판매 N개 / 기업 컨택 5건 ] [ Music 섹션: 현재 메인 콘텐츠 압축 (Features 3-step + 트윗 마퀴) ] [ Custom Build 섹션: 포트폴리오 5건 미리보기 + 가격대 + 견적 CTA ] [ Final CTA — 어느 쪽이든 시작하세요 ] ``` - **장점**: - 회사 브랜드 톤이 메인에 한 번 박힘 → "쟁승메이드"가 한 명이 운영하는 두 사업부 회사라는 인상 - 현재 메인의 음악 톤(영상·Bagel Fat One·트윗 마퀴)을 살리면서 Custom Build 동등 노출 - Hero는 short text + 즉시 2-up — 모바일에서 한 화면에 표지가 들어옴 - **단점**: - "Try now" 단일 CTA가 약해짐 — Hero에서는 "회사 소개" 톤이라 컨버전 1차 분기점이 한 단계 늘어남 - 안 1보다 한 스크롤 더 내려가야 Music 핵심에 도달 #### 안 3. 회사 표지 + 라우트 분기 (메인은 분기점만) ``` ┌─────────────────────────────────────────────────────┐ │ "쟁승메이드" │ │ AI 제품 / 맞춤 개발 / 회사 소개 │ │ [Music 보기] [Custom Build 보기] │ └─────────────────────────────────────────────────────┘ ``` - 메인은 거의 텍스트 + 두 큰 카드만. 콘텐츠 거의 없음. - 현재 메인의 음악 콘텐츠는 전부 `/music` 으로 이동. - **장점**: 가장 깨끗한 IA. 사업부 추가/제거가 자유로움. - **단점**: 단기 컨버전 손실 — 메인에 도달한 "음악 사고 싶은" 방문자가 한 번 더 클릭해야 함. 현재 hero의 임팩트 손실. #### 추천: **안 2 (Brand Hero + 2-up Card)** **이유** - 현재 음악 페이지의 영상·카피·마퀴를 그대로 활용 — 폐기 비용 0 - 외주 인입을 메인에서 직접 받음 (Custom Build 카드 + 하단 사례 섹션) - Hero는 짧게, 그 아래는 두 사업부 각각 한 섹션씩 — 한 페이지 안에서 두 톤 분리 가능 - 안 1과 달리 모바일에서 자연스러운 stack - 안 3과 달리 첫 방문 컨버전 손실 작음 ### 3.3 두 사업부 상세 IA (안 2 채택) #### Music 사업부 (`/music` 허브) 기존 콘텐츠 거의 그대로 + 헤더 도메인만 통일: - Music 허브: 팩 3티어 + 샘플 + 스튜디오 + 구매 후기 - 메인의 Features/BeforeAfter/UseCases/CTA 섹션은 "Music 섹션"으로 메인에 압축 보존, 풀버전은 `/music` 허브로 흡수 #### Custom Build 사업부 (`/work` 허브) ``` [Hero — "기업·소상공인 맞춤 개발"] [5라인 카드 — Freelance / Website / Automation / Saju / Blog] [자체 정가 — 사이트 한정가] ← 크몽 정가는 노출 X [납품 사례 5건 미리보기 — 현 /freelance portfolio 데이터 재활용 (납품 완료 건만)] [수주 가능 영역 / 어려운 영역] [견적 문의 폼 — 기존 ContactModal 또는 ContactForm 재사용] ``` 가격 표기 원칙: - 자체 사이트 한정가만 표시. 크몽/숨고/위시캣 가격은 사이트에 비노출 - 진행 중 외부 컨택 5건은 사이트에 비공개 (사례는 납품 완료 5건만) 각 라인 상세 페이지(`/work/{freelance|website|automation|saju|blog}`)는 기존 페이지를 새 URL로 마이그레이션. ### 3.4 헤더(TopNav) — 3안 #### 헤더 안 a. 두 사업부 + 공통 (추천) ``` JSM Music ▾ Custom Build ▾ 회사 로그인 견적/Try now └ 팩 상세 └ 외주 └ 샘플 └ 웹사이트 └ 스튜디오 └ 자동화 └ 사주 └ 블로그 자동화 ``` - **장점**: 두 사업부 동등성 헤더에서 명확. 드롭다운으로 라인 정리. - **단점**: 모바일 메뉴가 2단 구조 필요. 현재 알약형 글래스 헤더에 dropdown 추가 디자인 작업 필요. #### 헤더 안 b. 두 사업부 + 빠른 진입 1개 ``` JSM Music Custom Build Try now ``` - 사업부 클릭 = 허브 페이지로. 각 라인은 허브에서 진입. - **장점**: 단순. 현재 헤더 디자인 거의 유지. - **단점**: 자주 가는 라인(예: 팩 상세, 사주)으로 직행 못함. 검색 유입 SEO에는 영향 없음. #### 헤더 안 c. 평면 5~6개 (현 구조 확장) ``` JSM 홈 Music 외주 사주 블로그 Try now ``` - **장점**: 클릭 1번에 모두 도달. 현 헤더 패턴 그대로. - **단점**: 라인이 늘면 즉시 깨짐. 사업부 동등성 인식 약함. #### 추천: **안 b (드롭다운 없는 2개 + Try now)** 이유: 사업부 동등성을 헤더에서 강조 + 디자인 변경 최소. 라인별 직진은 메인 카드/푸터로 보완. ### 3.5 브랜드 메시지 옵션 (Hero 카피) - **A**: "현직 엔지니어가 만드는 두 가지." / "AI 제품, 그리고 맞춤 개발." - **B**: "한 사람이 만들고, 운영합니다." / "AI 음악 팩부터 기업 시스템 개발까지." - **C**: "Build, your way." / "AI 제품으로 시작하세요. 맞춤 개발이 필요하면 의뢰하세요." - **D**: "쟁승메이드는 두 가지를 합니다." / "Music. Custom Build." → 추천: **A** (한국어 정서에 가장 자연스러움 + 운영자 신뢰 시그널) ### 3.6 푸터 재정비 ``` Music Custom Build Company Legal 팩 상세 외주 개발 회사 소개 이용약관 샘플 갤러리 웹사이트 제작 블로그 개인정보 스튜디오 자동화 문의 환불정책 가격 사주 카탈로그 블로그 자동화 포트폴리오 ``` ### 3.7 SEO/메타 변경 골격 - `<title>` 기본값 → "쟁승메이드 — AI 음악 제품 + 맞춤 개발" (사업부 둘 다 표지) - 페이지별 `<title>` 템플릿 분기: - Music 라인: "%s | 쟁승메이드 Music" - Custom Build 라인: "%s | 쟁승메이드 Custom Build" - JSON-LD `OfferCatalog` 확장: - 외주 5건 (위시캣·숨고 가격대) → Service 타입 - 웹사이트 BASIC/STANDARD/PREMIUM → Service 타입 - 사주 코어 49만 + 모듈 11종 → Product/Service 타입 - `keywords` — 음악 + 외주·자동화·홈페이지 제작·사주를 균형있게 --- ## 4. TODO 제안 > 우선순위는 "두 사업부 가시성 회복 → 컨버전 경로 확립 → 라인 상세 정돈" 순. ### P0 — 이번 주 (외주 가시성·결제 흐름 즉시 회복) > 큰 IA 변경 전에 "외주가 살아있다"는 신호와 결제 가능 상태를 빠르게 복원. - [ ] **헤더에 외주 진입점 1개 추가** — TopNav `LINKS` 배열에 `/freelance` 링크. 1줄 변경, 즉시 효과. - [ ] **메인 하단 Custom Build 미니 섹션 1개 추가** — 현 마지막 CTA 위에 "맞춤 개발이 필요하신가요?" 1섹션. 5라인 그리드 + 견적 문의 CTA. 추후 `/work` 우산으로 교체될 자리잡기. - [ ] **푸터 Custom Build 컬럼 추가** — 외주·웹사이트·사주·자동화·블로그 노출. - [ ] **JSON-LD `OfferCatalog` 외주 추가** — `app/layout.tsx` 의 `itemListElement` 에 외주(Service) 1~2건 + 웹사이트 1건 추가. **자체 정가만 기재** (크몽 가격 X). - [ ] **결제 흐름 = 계좌이체 단일화** — Music 팩 구매 모달/결제 화면을 계좌이체 안내 + 입금자명 매칭 + 관리자 확인 → 자료 발송 흐름으로 통일. 토스/PG 관련 코드 비활성 처리(또는 `/payment/test` 격리). 기존 `ContactModal` 의 입금자명 필드 재활용. - [ ] **메모리 정합성 정돈** — 토스 해지 상태 유지, 결제는 계좌이체로 결정됨을 메모리(`feedback_toss_cancelled.md` 또는 신규 `project_payment_decision.md`)에 반영. ### P1 — 다음 1~2주 (안 2 본격 적용 + URL 마이그레이션) - [ ] **`/music` 허브 신설 + 마이그레이션** — `next.config.ts` `redirects()` 로 `/services/music` → `/music`, `/services/music/samples` → `/music/samples`, `/studio` → `/music/studio` 영구 리다이렉트. - [ ] **`/work` 허브 신설 + 마이그레이션** — `/freelance` → `/work/freelance`, `/services/website` → `/work/website`, `/services/website/samples/*` → `/work/website/samples/*`, `/services/blog` → `/work/blog`, `/saju` → `/work/saju`, `/saju/input` → `/work/saju/input`, `/saju/result` → `/work/saju/result` 영구 리다이렉트. - **사주는 SEO 영향이 가장 클 수 있으므로 리다이렉트 검증 필수** (Search Console 색인 변화 모니터링). - [ ] **메인 페이지 안 2 적용** — Brand Hero + 2-up + Music 섹션 + Custom Build 섹션 + Final CTA. - Hero 카피 옵션 A: "현직 엔지니어가 만드는 두 가지." - 기존 hero-bg.mp4 → Brand Hero 백그라운드 또는 Music 카드 미니 비디오로 재배치 - [ ] **헤더 안 b 적용** — `Music | Custom Build | Try now`. 모바일 햄버거 동일 구조. - [ ] **푸터 재정비** — 4-column (Music / Custom Build / Company / Legal). - [ ] **메타데이터 분기** — `layout.tsx` 의 `title.template` 음악 단일 → 회사 표지 + 라인별 사업부 분기. 페이지별 metadata 정돈. - [ ] **자체 정가 가격표 정돈** — `/work` 허브에 외주/웹/자동화/사주/블로그 자체 한정가 표 1개. 크몽/숨고/위시캣 가격은 비공개. (참고는 메모리 `project_marketing_strategy.md` 기준선이지만 그대로 노출하지 않음.) ### P2 — 사업부별 상세 정돈 - [ ] **사주 카탈로그 구현** — 기존 spec(`docs/superpowers/specs/2026-04-27-saju-service-catalog-design.md`) + plan(`docs/superpowers/plans/2026-04-27-saju-service-catalog-implementation.md`) 7 task 실행 → `/work/saju` 에서 코어 49만 + 모듈 11종 노출. - [ ] **자동화 라인 페이지(`/work/automation`) 신설** — 현 외주 페이지의 자동화 사례 4건(Gmail RPA·가격 모니터링·영업일보·공시지가) 추출 + 표준 패키지 정의. - [ ] **회사 소개 페이지(`/about`)** — 박재오 1인 운영, 7년차 백엔드, 두 사업부 운영 의지. 메인 표지 톤과 일관. - [ ] **SEO 모니터링 베이스라인** — Search Console 키워드 변화, GA 메인 이탈률, 라인별 페이지뷰 비교. - [ ] **납품 5건 case study 보강** — 현재 `app/freelance/page.tsx` portfolio 5건의 result 문구·태그·이미지 강화. 진행 5건은 비공개 유지. ### P3 — 더 멀리 (안 2 안착 후) - [ ] **PG 결제 도입** — 매출 일정 수준 도달 후 토스 대체 PG 도입 (스토어팜·나이스페이·KCP·해외 PG 비교). Music 팩 자동 결제, Custom Build 견적-인보이스 분리. - [ ] **Music 사업부 신제품 라인** — 정기구독 / AI 크레딧 모델. - [ ] **Custom Build 견적-인보이스-납품 자동화** — 현 `/admin/quotes` 흐름과 `/work` 견적 폼 통합. - [ ] **회원/구매 후기 누적 후 Music 메인 노출** — 현재 트윗 마퀴(가상 후기)를 실제 구매자 후기로 점진 교체. --- ## 5. 다음 단계 (Process) 1. **이 문서 검토** — 사용자가 빠진 항목·오해된 결정·추가하고 싶은 메시지 확인 2. **메인 재구조 안 2 확정** — Hero 카피·2-up 디자인·Custom Build 카드 톤 3. **확정 후 → 구현 plan 작성** — `superpowers:writing-plans` 스킬로 step-by-step 작업 분해 (P0 즉시 작업과 P1 본 작업을 분리) 4. **P0부터 PR 단위로 실행** --- ## 부록 A. 안 2 메인 페이지 와이어프레임 텍스트 ``` ═══════════════════════════════════════════════════════ [ TopNav ] JSM Music Custom Build 로그인 Try now ═══════════════════════════════════════════════════════ [ BRAND HERO — 1 viewport ] "현직 엔지니어가 만드는 두 가지." AI 제품과 맞춤 개발. [Music 보기] [Custom Build 보기] ═══════════════════════════════════════════════════════ [ TWO-UP CARDS ] ┌──────────────────────┐ ┌──────────────────────┐ │ AI 음악 제품 │ │ 맞춤 개발 │ │ hero-bg.mp4 미니 │ │ 타이포 모션 │ │ 팩 ₩39,000~ │ │ 외주·웹·자동화·사주·블로그│ │ → Try now │ │ → 견적 문의 │ └──────────────────────┘ └──────────────────────┘ ═══════════════════════════════════════════════════════ [ MUSIC 섹션 ] (현재 메인의 Features 3-step + Tweet 마퀴 압축) ═══════════════════════════════════════════════════════ [ CUSTOM BUILD 섹션 ] - 5라인 그리드 (외주/웹/자동화/사주/블로그) - 납품 5건 미리보기 (현 /freelance portfolio 데이터, 납품 완료 건만) - 자체 한정가 표 (사이트 방문자 전용 가격) - 견적 문의 CTA ═══════════════════════════════════════════════════════ [ FINAL CTA ] "어느 쪽이든 시작하세요." [Music 팩 보기] [견적 문의] ═══════════════════════════════════════════════════════ [ FOOTER ] Music Custom Build Company Legal ═══════════════════════════════════════════════════════ ``` ## 부록 B. 확정 사항 (2026-04-27 CEO 결정) | 항목 | 결정 | 적용 위치 | |---|---|---| | URL 정책 | `/work` 사용. P1에서 `/freelance`·`/services/*`·`/saju` 영구 리다이렉트 마이그레이션 | P1 — `next.config.ts` `redirects()` | | 사주 위치 | `/saju` 통합 → `/work/saju`. 카탈로그 spec 1:1 매핑 | P1 마이그레이션 + P2 카탈로그 구현 | | 결제 인프라 | 우선 계좌이체만. PG 도입은 P3 보류. 토스 해지 상태 유지 | P0 — 기존 결제 비활성, 계좌이체 단일화 | | Custom Build 가격 정책 | 자체 사이트 별도 정가. 크몽엔 완성품만 등록. 사이트 한정가는 사이트 방문자에게만 | P0 JSON-LD + P1 `/work` 가격표 | | 외주 컨택 5건 노출 | 비공개. 진행 5건은 사이트에 미노출. 사례는 납품 완료 5건만 | 메인 Custom Build 섹션 / `/work` 허브 |