행동— Behavior
GA4 커스텀 이벤트와 Microsoft Clarity 세션 리플레이·히트맵으로, 유저가 어느 장면에서 멈추고 어디서 떠나는지를 장면 단위로 관찰합니다.
- 01이탈이 가장 많은 섹션
- 02실제로 클릭되는 CTA
- 03사용자가 머무는 스크롤 깊이
- 04Rage click이 발생하는 지점
STARTIP — 브랜드 인터랙션 스튜디오
움직임, 활자, 빠르기까지.
만든 마음이 드러나도록 처음부터 설계합니다.
Measurement · 실험적 감각
01 / Website
LAB/01 · 01/03
스크롤 타이포그래피 실험
Scroll Typography Experiment
02 / When
2026
03 / Stack
GSAP · ScrollTrigger · SplitText · Lenis
04 / Focus
GSAP SplitText와 ScrollTrigger scrub를 활용해, 스크롤이 곧 타이포그래피의 호흡이 되는 랜딩 경험을 설계했습니다.
01 / Website
LAB/02 · 02/03
3D 제품 스토리텔링
3D Product Storytelling
02 / When
2026
03 / Stack
React Three Fiber · Drei · GLB · ScrollTrigger
04 / Focus
React Three Fiber 기반 히어로 신과 ScrollTrigger의 결합으로, 제품 상세 페이지를 "조작 가능한 이야기"로 재정의했습니다.
01 / Website
LAB/03 · 03/03
GEO 최적화 실험
Generative Engine Optimization
02 / When
2026
03 / Stack
GEO · SEO · llms.txt · Schema.org
04 / Focus
생성형 AI 검색 (ChatGPT, Perplexity, AI Overviews) 이 우리 사이트를 어떻게 인용하게 만들 것인가. llms.txt · 구조화된 답변 · 출처 신호의 실험 기록.
Honest Scaffolding
각 항목을 클릭하면 작동 방식과 인터랙션을 직접 체험할 수 있습니다.
Contact · 대화