주님의교회 PCL 홈페이지 개편 — 메타 PRD v1.0

0. 한 줄 요약

주님의교회 PCL 홈페이지를 2026 메뉴 구성도(116개 페이지) 기반으로 전면 개편하고, 디자인 시스템 + 시안 + 문서를 한 사이트에 통합한 단일 허브로 구축한다.

1. 배경

• 현재 시안(pcl.designmeta.kr 워드프레스)은 만나교회 디자인을 참고해 만든 임시 시안. 일반 성도가 보고 미래 사이트의 모습을 가늠하는 용도.
• 116개 메뉴 항목 중 다수가 콘텐츠 미작성·임시 표시 상태.
• 콘텐츠가 워드프레스·글로리아(당회원 자료) 등에 분산.
• 당회 의결로 2026 IA 개정안(0406)이 확정되어 메뉴 구조가 7개 대메뉴 / 116개 항목으로 정리됨.
• 디자인 노후화·정보구조 혼재로 사용자가 원하는 정보를 빠르게 찾기 어려움.

2. 목적

1. 신앙공동체의 정보 도달 개선 — 성도가 주보·설교·교구·소식을 빠르게 접근.
2. 새가족·외부 방문자의 진입 장벽 완화 — 첫 방문 후 등록·정착까지 자연스러운 동선.
3. 사역 정보의 통합 — 부서·교구·선교·다음 세대 자료를 한 곳에서.
4. 개편 과정의 투명한 공개 — 디자인 시스템 사이트를 통해 진행 상황·자료·의견 수렴.
5. 개발사 인계 가능성 — 시안과 디자인 시스템이 확정되면 누구든(스데반정보 등) 그대로 이식 가능.

3. 이해관계자

4. 사용자 페르소나

P1. 오래된 출석 성도

• 상황 — 주중에 주보·설교 영상 다시 보기, 교구·겨자씨 정보 확인.
• 니즈 — 빠른 정보 접근, 모바일에서 한 손 사용.
• 금기 — 첫 화면이 외부 방문자용으로 가득 차서 본인이 찾는 게 안 보임.

P2. 새가족

• 상황 — 첫 방문 후 다음 단계가 궁금. 등록·정착 절차를 알고 싶음.
• 니즈 — 단계별 안내, 부담 없는 톤, 명확한 다음 행동.
• 금기 — 등록 양식이 복잡하거나 정보가 산재되어 진입 포기.

P3. 외부 방문자·구도자

• 상황 — 교회 분위기·신앙·예배 시간이 궁금. 신앙적 부담 없이 탐색.
• 니즈 — 교회의 정체성과 사역을 짧은 시간에 파악, 강요 없는 톤.
• 금기 — 너무 종교적 표현으로 첫 화면이 채워져 거리감 느낌.

P4. 사역자·봉사자

• 상황 — 부서 자료·양식·게시판·중보기도 신청 등 운영 작업.
• 니즈 — 자료 다운로드, 게시판 글쓰기·읽기, 인증된 정보 접근.
• 금기 — 권한 관리가 모호해서 누구나 모든 자료 접근.

P5. 관리자 (전산간사·콘텐츠 담당)

• 상황 — 콘텐츠 등록·승인·민감 정보 보호.
• 니즈 — 명확한 콘텐츠 워크플로, 글로리아 이관 자료의 안전한 관리.
• 금기 — 개인정보(교번·연락처)가 무분별하게 노출.

5. 핵심 시나리오

S1. 새가족 첫 방문 (P2)

1. 외부 검색 → 메인 진입.
2. 메인 상단 또는 퀵메뉴의 "새가족 등록" 진입.
3. 등록 절차 4단계 안내 → 양식 작성 → 제출.
4. 후속 안내(첫 만남·교육·소속) 페이지로 자연 연결.

S2. 주중 주보 확인 (P1)

1. 메인 진입 → 퀵메뉴 "주보" 1클릭.
2. 최신 주보 PDF 또는 웹뷰 표시.
3. 부가 정보(이번 주 설교, 광고)로 자연 확장.

S3. 외부 방문자의 교회 둘러보기 (P3)

1. 메인 진입 → 표어와 짧은 소개로 첫 인상.
2. "공동체 → 인사말 / 창립 정신 / 교회 위치"를 부담 없이 탐색.
3. 예배 안내(시간·장소)와 새가족 안내로 자연스러운 다음 행동.

S4. 사역자의 자료 다운로드 (P4)

1. 인증 → 부서 게시판 또는 자료실.
2. 양식·문서 다운로드.
3. 게시판 작성·답변.

S5. 관리자 콘텐츠 등록 (P5)

1. 인증 → 콘텐츠 등록 인터페이스 (개발사 영역).
2. 민감 정보(개인정보·교번)는 별도 인증 게이트.
3. 함즐함울 등 자료는 디자인간사 → 담당자 등록 워크플로.

6. 정보구조 (IA) 요약

• 대메뉴 7개 / 총 116개 항목 (유지 107 · 신규 8 · 삭제검토 1)
• 상세는 docs/ia/menu-2026.mdx 참조
• SOT: 다운로드 폴더 엑셀 (주님의교회_2026_홈페이지_메뉴구성도_0406_개정.xlsx). 변경 시 엑셀 우선.

7. 디자인 원칙

1. 시각적 연속성 — pcl.designmeta.kr(워드프레스 시안)의 디자인을 골격으로 이식. 만나교회의 풍부한 그리드/라이브 배너/QT 패턴 참고. 컬러만 주님의교회 컬러로 교체.
2. 세대 포용성 — 어린이부터 시니어까지. 폰트 크기·대비·터치 타깃 충분.
3. 신앙적 톤과 일반적 톤의 균형 — 메인 진입은 외부 방문자도 부담 없는 카피. 깊이 들어갈수록 신앙적 표현 가능.
4. 접근성 (WCAG 2.1 AA 지향) — 키보드 내비, 명도 대비, alt 텍스트, TTS 친화 (음성지원 도입은 미결).
5. 모바일 우선 — 주중 주보·설교·소식 확인은 모바일 비중 높음.
6. 정중·따뜻·신뢰 — 카피톤. 마케팅적 과장·대문자 강조·과한 이모지 피함.
7. 개인정보 보호 — 교번·연락처·교적은 인증 게이트 필수. 외부 노출 금지.

8. 콘텐츠 정책

8.1 작성·승인

• 작성자 — 사역 부서 또는 디자인간사가 초안.
• 승인자 — 관할 사역위원장 → 운영위 (필요 시 당회).
• 공개 — 승인 후 사이트 노출.

8.2 공개 원칙

• 디폴트 공개 — 회의록·PRD·IA·콘텐츠 원고 모두 외부 공개 가능.
• 민감 정보 사전 승인 — 다음 항목은 공개 전 윤용운 승인 필요:
  • 내부 견적·개발비·운영비 정보
  • 인사 관련 (특정 인물 평가·결정)
  • 당회 의결 세부 내역
  • 개인정보 (교번·연락처·이메일·교적)
  • 보안·인증 관련 (API 키·서버 정보)

8.3 콘텐츠 출처 매핑 (현재 확보분)

• hwpx 원고 21개 (다운로드 폴더 → docs/content/에 변환본 보관)
• 부서 PDF 3종 (유아숲·유소년숲·유유청청 → 다음 세대)
• 116개 중 약 21개에만 원고 확보. 나머지 95개는 미작성, 6월 의견 취합 기간에 보충.

9. 기술·인프라

9.1 시안 단계 (foundry-pcl)

• Next.js 16 / React 19 / TypeScript 5 / Tailwind v4 / Pretendard
• MDX (@next/mdx) — 문서·콘텐츠
• 라우팅: Route Group (system) + (site) 듀얼 셸
• 배포: Vercel (도메인 pcldesign.kr)
• DB: 시안 단계는 정적·mock. 실제 데이터는 운영 사이트로.

9.2 운영 사이트 (개발사 인계 후)

• 개발사 후보: 스데반정보 (윈도우 기반, 교번검색 무료)
• 서버: 스데반 서버 임대 형태 견적 입찰
• 외부 연동: 교번 검색·라이브 방송·온라인 헌금
• foundry-pcl 결과물(시안·디자인 시스템·콘텐츠)은 인계 가능한 형태로 작성. 코드 자체보다 디자인·IA·콘텐츠가 인계물.

9.3 외부 시스템 연동 (검토)

• 음성지원 (TTS) — 비용 부담 → TTS 외부 라이브러리 검토 중
• 글로리아 → 당회원 자료 — 이관 필요. 인증 게이트
• 함즐함울 등록 — 디자인간사 → 담당자 등록 → 개발사 기능 개발
• 라이브 방송 — 만나교회 패턴 참고. 도입 여부 미결

10. 마일스톤

11. 미결 이슈

12. 참고 자료

• 메뉴 구성도 (SOT): /Users/hoo_bot/Downloads/주님의교회_2026_홈페이지_메뉴구성도_0406_개정.xlsx
• 회의록 17차: docs/decisions/2026-04-25-회의록-17차.mdx
• 콘텐츠 원고 24개: docs/content/
• 워드프레스 시안: https://pcl.designmeta.kr/
• 디자인 레퍼런스: https://manna.or.kr/

v1.0 초안. 검토 후 v1.1로 갱신.