mini-PRD: 메인 화면

항목내용
코드Q1~Q6 (퀵메뉴) + 메인
대메뉴(메인 화면)
상태유지 + 신규(새가족 등록)
우선순위1차 시안 (5/12~15)
콘텐츠 출처(헤드라인은 pcl 워드프레스 카피 그대로)

페이지 목적

모든 페르소나(P1~P5)의 첫 진입점. 외부 방문자에겐 교회의 정체성을 빠르게 전달하고, 성도에겐 **자주 찾는 정보(주보·설교·소식)**의 1클릭 접근을 제공한다.

타깃 페르소나

  • P1 오랜 성도 — 퀵메뉴 → 주보·설교 영상 1클릭
  • P2 새가족 — "새가족 등록" 진입
  • P3 외부 방문자 — 표어·인사말·예배 안내로 분위기 파악

섹션 구성 (위→아래)

  1. 히어로 배너 — 표어 "주님이 주인 되시는 교회" + 1줄 부제 (pcl 워드프레스 그대로 모사)
  2. 퀵메뉴 6개 — 주보 / 새가족 등록 / 큐티 / 새벽예배 영상 / 주일 영상 / 광고
  3. 이번 주 예배 — 최신 주일예배 카드 (영상 썸네일 + 설교 제목 + 본문 한 줄)
  4. 새가족 안내 섹션 — "처음 오셨나요?" 카드 + 등록 CTA
  5. 하나님의 숲 — 다음 세대 사역 입구 (4부서 카드)
  6. 교회 소식 — 알립니다·새소식 최신 3-5개
  7. 온라인 헌금 / 문의 — 푸터 위 마지막 CTA

레이아웃 / 필요 컴포넌트

  • 컴포넌트: Hero, QuickMenu, WorshipCard, NewFamilyBanner, DepartmentGrid, NewsList, CTABand
  • 모바일 우선 — 퀵메뉴 6개는 모바일에서 2×3 그리드, 데스크탑에서 6×1
  • 헤더는 sticky, 모바일에서 햄버거 메뉴

데이터 출처

  • 주보·영상·소식 — 시안 단계는 mock JSON, 운영 단계는 스데반정보 API
  • 표어·고정 카피 — 정적

디자인 레퍼런스

  • pcl.designmeta.kr 메인 — 히어로/퀵메뉴 레이아웃 그대로
  • manna.or.kr — 라이브 배너·풍부한 영상 그리드 패턴 참고 (라이브 배너 도입은 미결 O4)
  • 컬러: 주님의교회 브론즈 (#955E29 포함 톤)

미결 / 의견 필요

  • O4 라이브 방송 배너 도입 (만나교회식)
  • O6 메인 헤드 카피 ("주님이 주인 되시는 교회") 유지/변경
  • O7 외부 방문자용 별도 진입 동선 (페르소나 P3 전용 카드 노출 여부)
Need Help

도움이 필요하신가요?

주님의교회 PCL 디자인 시스템을 적용하시다가 막히는 부분이 있다면, 다음 경로로 직접 문의하실 수 있습니다.