05 · Service Patterns · 진입 · 계정
방문 (랜딩)Landing
처음 방문한 사람이 ‘이 교회가 어떤 교회인지’를 5초 안에 답을 얻는 화면. 화려함보다 명료함 — 헤드라인 한 줄과 1차 CTA 하나가 전부를 결정합니다.
화면 구조
1
히어로
헤드라인 · 서브카피 · 1차 CTA · 시각 요소.
2
핵심 가치 3~4개
아이콘 + 한 줄 설명. 기능 나열이 아닌 사용자 이득.
3
증거 섹션
사용자 로고 · 수치 · 후기. 신뢰의 근거.
4
데모 / 스크린샷
실제 화면. 긴 영상보다 정지 이미지가 빠름.
5
FAQ (선택)
3~5개. ‘반대 의견’에 미리 답변.
6
하단 CTA + Footer
같은 CTA 반복. 교회 소개·오시는 길·사무실 연락처.
히어로의 3초 룰
- 헤드라인: 누구를 위해, 무엇을, 어떻게 — 한 문장. 20자 내외.
- 서브카피: 헤드라인을 구체화. 구체적 숫자·이름이 들어가면 더 좋습니다.
- 1차 CTA: 한 개. “이번 주 예배 시간 보기” · “처음 오시는 분 안내” 같은 행동형.
- 시각 요소: 실제 화면 스크린샷 또는 짧은 애니메이션. 추상적 일러스트는 후순위.
Do· 구체적 헤드라인
“강남에서 70년, 세대와 함께 자라는 교회” — 위치 · 역사 · 지향이 한 문장에 담겨 있습니다.
Don't· 추상적 슬로건
“당신의 삶에, 은혜를” — 예쁘지만 어떤 교회인지 알 수 없습니다. 처음 온 방문자는 뒤로 가기를 누릅니다.
CTA의 위치와 반복
1차 CTA는 히어로 · 중간 · 하단 최소 3번 반복합니다. 스크롤하는 동안 결심한 순간 가장 가까운 CTA가 있어야 하기 때문입니다. 모든 CTA 문구와 대상 페이지는 동일해야 — 다른 CTA 2종이 섞이면 사용자가 주저합니다.
증거와 신뢰
- 함께하는 선교 단체·협력 기관 로고 5~8개를 가로로. 익숙한 이름이 1개라도 있으면 신뢰가 생깁니다.
- 수치 3개. “주일 출석 1,200명 · 소그룹 84개”처럼 구체적이어야 합니다.
- 간증은 짧은 인용 2~3개 + 이름 + 직분(또는 부서). 익명은 효과가 절반입니다.
조합되는 컴포넌트
접근성 · 성능
- 히어로 이미지는 LCP 주요 요소.
priority로 우선 로드하고 용량 최적화. - 헤드라인은
h1. 페이지당h1은 하나. - 움직이는 배경은
prefers-reduced-motion를 존중해 정지.