Files

gahusb f2370131ef 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>

2026-04-28 02:12:51 +09:00

28 KiB

Raw Blame History

쟁승메이드 홈 재구조 브레인스토밍

작성일: 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 제품 페이지:

Hero — /hero-bg.mp4 풀스크린 영상 + "나의 이야기가 / 노래가 됩니다."
Features — 3-step 비디오 (Prompt / Visual / Publish)
Before/After — 수작업 vs AI 4항목 비교
Use Cases — 16개 트윗 마퀴(좌→우 / 우→좌)
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의 임팩트 손실.

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)

이 문서 검토 — 사용자가 빠진 항목·오해된 결정·추가하고 싶은 메시지 확인
메인 재구조 안 2 확정 — Hero 카피·2-up 디자인·Custom Build 카드 톤
확정 후 → 구현 plan 작성 — superpowers:writing-plans 스킬로 step-by-step 작업 분해 (P0 즉시 작업과 P1 본 작업을 분리)
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` 허브

28 KiB Raw Blame History Unescape Escape