docs(spec,plan): 홈 재구조 brainstorm + P0 implementation plan
- spec: Music + Custom Build 동등 두 사업부 (A/A-1) IA 재구조 · /work 사용, /work/saju 통합, 자체 정가, 외주 5건 비공개 · 메인 안 2 (Brand Hero + 2-up) + 헤더 안 b 추천 · TODO P0~P3 우선순위 - plan: P0 4 task (TopNav 외주 링크 / 푸터 Custom Build / 메인 미니 섹션 / JSON-LD) · 결제는 이미 계좌이체 단일화 상태(Music/Blog) 발견 → P0 결제 task 제외 · 사주 1,000원 PG는 미해결로 부록 분리 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
495
docs/superpowers/specs/2026-04-27-home-restructure-brainstorm.md
Normal file
495
docs/superpowers/specs/2026-04-27-home-restructure-brainstorm.md
Normal file
@@ -0,0 +1,495 @@
|
||||
# 쟁승메이드 홈 재구조 브레인스토밍
|
||||
|
||||
- **작성일**: 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`:
|
||||
|
||||
- `<title>` = "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` 허브 |
|
||||
Reference in New Issue
Block a user