LAST-DESIGN · CAFE24 INTERACTION

CHAPTER
STORY

한 화면에 하나의 이야기만 두고, 스크롤에 따라 앞 장은 흐려지고 다음 장이 또렷해지는 구성입니다.
지금 몇 번째 장인지 알려주는 카운터와 진행 레일이 함께 따라붙습니다.

실제 적용사례 보기  →

WHAT YOU GET

TECH

외부 라이브러리를 쓰지 않습니다. GSAP · Lenis · ScrollTrigger 모두 필요 없습니다.
JS 는 진행도만 계산해 CSS 변수로 넘기고 연출은 전부 CSS 가 담당합니다. 약 4KB입니다.

WHERE TO USE

브랜드 스토리 · 룩북 · 신상품 소개 · 제작 공정 안내 · 상품 상세 상단

PRICE & DELIVERY

· 모든 금액은 VAT 포함입니다.
· 작업기간은 자료 전달 완료일 기준 영업일입니다.
· 이미지·문구는 고객사에서 제공해 주셔야 합니다. (맞춤 옵션은 리터칭 포함)

움직임은 글로 설명하기 어렵습니다. 실제 페이지에서 스크롤해 보세요.

NOTICE

· 카페24 스마트디자인 기준으로 제작하며, 스킨 구조에 따라 적용 위치가 조정될 수 있습니다.
· 챕터 한 장이 화면 한 판을 쓰므로 페이지가 길어집니다. 상단 요약이 필요한 경우 함께 설계해 드립니다.
· PC·모바일 분리형 스킨은 양쪽 적용이 필요하며 옵션 협의 후 진행합니다.
· 결제 전 문의 주시면 적용 가능 여부를 먼저 확인해 드립니다.