TestPage
Sticky + 스크린 전환

스크롤할수록
화면이 “진행되듯” 바뀌는 랜딩

:contentReference[oaicite:0]{index=0} 제품 소개 페이지에서 자주 보이는, “오른쪽 디바이스 고정 + 단계별 화면 교체” 느낌을 정적 페이지로 구현했습니다.

Sticky
비주얼 고정
Screens
단계별 교체
Smooth
자연 스크롤

스크롤 진행(애플식)

왼쪽은 단계별 설명, 오른쪽은 디바이스 스크린이 전환됩니다.

Step 1

메시지로 시작

헤드라인이 먼저 보이고, 스크린은 “소개 화면”으로 시작합니다.

Step 2

문제와 해결

사용자가 공감할 문장을 짧게, 기능은 과하지 않게.

Step 3

핵심 근거 3개

카드 3개 정도가 제일 깔끔합니다. 정보는 “적을수록” 강해요.

Step 4

CTA로 마무리

단색 버튼 + 행동형 문구. 스크린은 “결제/시작” 화면으로 끝.

기능

과하지 않게, 필요한 것만 정확히.

⚡️

빠른 로딩

정적 파일 기반이라 가볍습니다.

🖼️

스크린 전환

스크롤 단계에 맞춰 화면이 자연스럽게 바뀝니다.

📱

모바일 대응

모바일에서는 sticky를 완화해 부담을 줄입니다.

가격

연습용/테스트용으로도 충분합니다.

Starter

개인

₩0
  • 기본 섹션
  • 4-step 진행
  • 문의 폼

Team

문의
  • 브랜딩
  • 구조 컨설팅
  • 배포 자동화

문의

연습용 폼입니다. 제출 시 토스트만 표시됩니다.

※ 실제 전송은 백엔드 연결이 필요합니다.