Scrolline Deck · 8 complete presentations

발표가
장면이 되다.

피치와 강의를 위해 만든 여덟 개의 스크롤 웹덱. 덱을 열고 휠을 굴리거나 → 키로 장면을 진행하세요. 각 덱은 고유한 시각 방향과 발표자 노트를 갖추고 있습니다.

밀물 2026 연간 성과

수익 구조를 바꾼 한 해 · 모든 수치는 가상 사례

10 scenes · dark · 가상 사례는 덱 안에 표시

  1. 매출은 1,482억, 이익률은 11.9% odometer-stats
  2. 매출 성장보다 수익의 질을 바꿨다 kinetic-titles
  3. 매출은 늘었고 4분기 성장률은 둔화됐다 chart-reveal
  4. 구독 매출이 절반을 넘은 시점 annotated-chart
  5. 1,482억 매출 · 11.9% 영업이익률 · 38만 구독 가구 · 17개 통합 거점 odometer-stats
  6. 2025 41% → 2026 54% before-after
  7. 1분기 구독 개편 · 2분기 물류 통합 · 3분기 재구매 개선 · 4분기 효율 검증 timeline-roadmap
  8. 반품률과 신규 고객 획득비용은 아직 목표 밖 document-proof
  9. 물류 자동화 · 고객 유지 · 재고 정확도 agenda-path
  10. 투자 순서를 함께 정합니다 option-matrix

Open the deck →

밀물 2026 연간 성과 — 01-hero 완성 화면밀물 2026 연간 성과 — 02-claim 완성 화면밀물 2026 연간 성과 — 03-trend 완성 화면밀물 2026 연간 성과 — 04-drivers 완성 화면

서울, 해질녘 한 바퀴

노을에서 야경까지 이어지는 다섯 정거장 산책

10 scenes · dark · 가상 사례는 덱 안에 표시

  1. 서울을 천천히 걷는 저녁 frame-scrub-hero
  2. 강변에서 골목까지 다섯 정거장 map-route
  3. 강변의 빛에서 시장의 온기까지 timeline-roadmap
  4. 강변 · 돌담 · 골목 · 산자락 · 시장 · 물길 horizontal-gallery
  5. 청계천의 저녁 쉼표 parallax-video
  6. 도시 정보는 당일 기준으로 agenda-path
  7. 같은 저녁, 세 가지 속도 option-matrix
  8. 컨디션에 맞춰 세 가지 경로를 고릅니다 option-matrix
  9. 편한 신발 · 물 · 귀가 경로 step-flow
  10. 오늘 저녁, 한 정거장부터 map-route

Open the deck →

서울, 해질녘 한 바퀴 — 01-hero 완성 화면서울, 해질녘 한 바퀴 — 02-route 완성 화면서울, 해질녘 한 바퀴 — 03-stops 완성 화면서울, 해질녘 한 바퀴 — 04-postcards 완성 화면

온결 리테일 고객 제안

매장 대기 경험 개선 90일 파일럿 제안 · 가상 사례

10 scenes · light · 가상 사례는 덱 안에 표시

  1. 매장 경험이 달라집니다 frame-scrub-hero
  2. 대기 8분을 넘으면 이탈이 늘어난다 question-reveal
  3. 병목은 결제대 앞 피크 시간에 모인다 annotated-chart
  4. 탐색 → 상담 → 결제 step-flow
  5. 모바일 대기표 · 상담 슬롯 · 직원 알림 system-map
  6. 기준 측정 2주 · 적용 8주 · 평가 2주 timeline-roadmap
  7. 대기 중앙값 8.4분 → 5분 이하 before-after
  8. 점포 수와 현장 지원을 고릅니다 option-matrix
  9. 개인정보 없이 흐름만 집계 document-proof
  10. 세 점포 파일럿의 기준선을 합의합시다 agenda-path

Open the deck →

온결 리테일 고객 제안 — 01-hero 완성 화면온결 리테일 고객 제안 — 02-challenge 완성 화면온결 리테일 고객 제안 — 03-evidence 완성 화면온결 리테일 고객 제안 — 04-journey 완성 화면

모아: 동네 가게의 빈 시간을 채우다

초기 투자 검토용 가상 사업 제안

10 scenes · dark · 가상 사례는 덱 안에 표시

  1. 예약 가능한 자리를 채웁니다 frame-scrub-hero
  2. 수요가 없는 게 아니라, 보이지 않습니다 question-reveal
  3. 첫 시장은 서울의 독립 카페 chart-reveal
  4. 당일 좌석과 메뉴를 간단히 등록 tilt-card
  5. 가게 공급 → 근거리 노출 → 예약 결제 → 재방문 system-map
  6. 42개 가게 · 예약 1,860건 · 재방문 31% odometer-stats
  7. 재방문 고객의 획득비는 더 낮다 annotated-chart
  8. 검색 결과보다 예약 전환에 집중 option-matrix
  9. 서울 3개 권역 · 점포 500곳 · 재방문 40% timeline-roadmap
  10. 빈 시간을 반복 매출로 바꿀 수 있을까요? kinetic-titles

Open the deck →

모아: 동네 가게의 빈 시간을 채우다 — 01-hero 완성 화면모아: 동네 가게의 빈 시간을 채우다 — 02-problem 완성 화면모아: 동네 가게의 빈 시간을 채우다 — 03-market 완성 화면모아: 동네 가게의 빈 시간을 채우다 — 04-product 완성 화면

Nimbus Air 출시 발표

가상의 무선 헤드폰 Nimbus Air 제품 공개

10 scenes · dark · 가상 사례는 덱 안에 표시

  1. 출근길의 소음을 접어 넣다 tilt-card
  2. 귀보다 먼저 집중력이 닳는다 question-reveal
  3. 소음 · 무게 · 충전 걱정 kinetic-titles
  4. 접히는 힌지와 교체형 패드 tilt-card
  5. 주변 소리는 낮추고, 착용 부담도 낮춘다 anatomy-rows
  6. 150Hz 구간에서 감쇠가 가장 컸다 annotated-chart
  7. 40시간 재생 · USB-C 급속 충전 odometer-stats
  8. 세 가지 색, 구성은 같다 option-matrix
  9. 예약 · 체험 · 정식 출시 timeline-roadmap
  10. 먼저 듣고, 착용한 뒤 결정하세요 step-flow

Open the deck →

Nimbus Air 출시 발표 — 01-hero 완성 화면Nimbus Air 출시 발표 — 02-problem 완성 화면Nimbus Air 출시 발표 — 03-promise 완성 화면Nimbus Air 출시 발표 — 04-design 완성 화면

도시의 그늘은 누구에게 충분한가

보행자 열 노출과 가로수 분포를 읽는 데이터 강의

10 scenes · light · 가상 사례는 덱 안에 표시

  1. 한낮의 보행로를 다시 보다 frame-scrub-hero
  2. 그늘까지의 거리가 보행 경험을 바꾼다 question-reveal
  3. 보행로 분할 → 그늘 추정 → 보행량 가중 step-flow
  4. 기온 · 그늘 면적 · 보행 시간 system-map
  5. 대학로 12개 블록 · 240개 보행 구간 map-route
  6. 오후에는 그늘 보행 비율이 낮아졌다 chart-reveal
  7. 평균 뒤에 시간대 차이가 남는다 annotated-chart
  8. 관측으로 알 수 없는 세 가지 document-proof
  9. 그늘 취약 구간부터 현장 조사 before-after
  10. 다음은 더운 날에 다시 측정합니다 system-map

Open the deck →

도시의 그늘은 누구에게 충분한가 — 01-hero 완성 화면도시의 그늘은 누구에게 충분한가 — 02-question 완성 화면도시의 그늘은 누구에게 충분한가 — 03-method 완성 화면도시의 그늘은 누구에게 충분한가 — 04-system 완성 화면

한 장씩 넘기지 않는 발표

스크롤이 장면을 움직이는 발표 설계 강의

10 scenes · dark · 가상 사례는 덱 안에 표시

  1. 한 장씩 넘기지 않는 발표 frame-scrub-hero
  2. 다음 장면이 궁금한가요? question-reveal
  3. 스크롤은 내용의 순서를 공간으로 바꾼다 kinetic-titles
  4. 문제에서 설계, 설계에서 검증까지 agenda-path
  5. 설명할 시간은 홀드 구간에 둔다 annotated-chart
  6. 진입 · 홀드 · 퇴장 step-flow
  7. 24개 장면은 서로 다른 발표 일을 한다 horizontal-gallery
  8. 문장이 바뀔 때 화면도 바뀐다 frame-scrub-video
  9. 발표 전 네 가지를 확인한다 option-matrix
  10. 주장 하나를 장면 하나로 kinetic-titles

Open the deck →

한 장씩 넘기지 않는 발표 — 01-hero 완성 화면한 장씩 넘기지 않는 발표 — 02-question 완성 화면한 장씩 넘기지 않는 발표 — 03-claim 완성 화면한 장씩 넘기지 않는 발표 — 04-agenda 완성 화면

온기 도서관 리모델링·증축 제안

기존 동네 공공건물 1층에 도서관 기능과 2층 증축을 더하는 가상 클라이언트 피치

11 scenes · light · 가상 사례는 덱 안에 표시

  1. 1층 주민센터에 2층을 더해, 동네의 도서관으로 frame-scrub-hero
  2. 1층 주민센터에 2층을 증축합니다 before-after
  3. 열린 1층 · 조용한 2층 · 연결되는 계단 tilt-card
  4. 두 층, 여섯 가지 쓰임 horizontal-gallery
  5. 오래 쓰고 쉽게 고치는 마감 paper-assembly
  6. 들어오고, 살펴보고, 층을 잇는 여정 horizontal-gallery
  7. 모임은 1층, 집중은 2층에 before-after
  8. 낮엔 공부, 저녁엔 동네 거실 parallax-video
  9. 문턱 없는 입구와 층간 이동을 설계합니다 before-after
  10. 운영 준비까지 포함한 90일 계획 document-proof
  11. 현장 확인 → 프로그램 합의 → 기본 설계 tilt-card

Open the deck →

온기 도서관 리모델링·증축 제안 — 01-hero 완성 화면온기 도서관 리모델링·증축 제안 — 02-before 완성 화면온기 도서관 리모델링·증축 제안 — 03-thesis 완성 화면온기 도서관 리모델링·증축 제안 — 04-gallery 완성 화면

Scene library · 24 executable compositions

장면을 역할로 고르세요.

각 장면은 완성 화면, 예시 문구, 모바일·모션 감소 구성을 갖춥니다. 같은 효과를 이름만 바꾼 변형은 제외했습니다.

agenda-path 장면 완성 화면
agenda-path

물류 자동화 · 고객 유지 · 재고 정확도

발표의 흐름을 경로로 보여주고 각 정거장의 목적을 분명히 합니다.

anatomy-rows 장면 완성 화면
anatomy-rows

주변 소리는 낮추고, 착용 부담도 낮춘다

해부 장면. 왼쪽에 대상 하나, 오른쪽에 라벨 붙은 행들, 각 행이 대상 위의 표시점까지 연결선을 긋는다.

annotated-chart 장면 완성 화면
annotated-chart

구독 매출이 절반을 넘은 시점

선 그래프의 변곡점에 주석을 연결해 핵심 변화가 무엇인지 짚습니다.

before-after 장면 완성 화면
before-after

1층 주민센터에 2층을 증축합니다

같은 대상을 전후로 나란히 놓아 변화의 차이를 한눈에 보입니다.

chapter-transition 장면 완성 화면
chapter-transition

주장에서 증명으로

큰 장 번호와 색면의 전환으로 다음 논점의 시작을 알립니다.

chart-reveal 장면 완성 화면
chart-reveal

매출은 늘었고 4분기 성장률은 둔화됐다

하나의 수치 주장을 기준선과 라벨이 있는 막대 차트로 설명합니다.

closing-qr 장면 완성 화면
closing-qr

다음 점심 한 가지를 바꿔보기

마무리 장면. 감사 인사가 글자 단위로 놓이고, QR이 스스로 그려지며 주소가 타이핑되고, 첫 장면으로 돌아가는 링크가 남는다.

document-proof 장면 완성 화면
document-proof

운영 준비까지 포함한 90일 계획

문서나 기록을 근거로 제시하고 인용할 대목에 시선을 모읍니다.

frame-scrub-hero 장면 완성 화면
frame-scrub-hero

서울을 천천히 걷는 저녁

오프닝 장면. 전면 프레임 시퀀스가 스크럽되는 동안 제목이 서 있고, 끝에서 화면을 밀고 지나간다.

frame-scrub-video 장면 완성 화면
frame-scrub-video

문장이 바뀔 때 화면도 바뀐다

과정 장면. 프레임으로 뽑은 영상이 휠에 맞춰 스크럽되고, 번호 붙은 문장이 박자마다 하나씩 앉는다.

horizontal-gallery 장면 완성 화면
horizontal-gallery

두 층, 여섯 가지 쓰임

쇼케이스 장면. 전면 이미지 3~10장이 고정된 캡션과 카운터 아래로 옆으로 지나간다.

kinetic-titles 장면 완성 화면
kinetic-titles

매출 성장보다 수익의 질을 바꿨다

아젠다 장면. 번호가 붙은 제목 2~4개가 대각선 위로 날아들고, 빛이 그 선을 따라 그어지며 연결한다.

map-route 장면 완성 화면
map-route

강변에서 골목까지 다섯 정거장

지도 위 이동 경로와 각 장소의 의미를 함께 보여줍니다.

odometer-stats 장면 완성 화면
odometer-stats

매출은 1,482억, 이익률은 11.9%

근거 장면. 숫자 2~4개가 오도미터 릴 위에서 돌아 멈추고, 그어진 수평선 위로 라벨이 붙는다.

option-matrix 장면 완성 화면
option-matrix

투자 순서를 함께 정합니다

선택지를 같은 기준으로 비교하고 추천안의 이유를 보여줍니다.

paper-assembly 장면 완성 화면
paper-assembly

오래 쓰고 쉽게 고치는 마감

증거 장면. 화면 밖에서 페이지 3~8장이 날아들어 부채꼴로 정리된 뒤 한 벌로 빠져나간다.

parallax-video 장면 완성 화면
parallax-video

낮엔 공부, 저녁엔 동네 거실

유일한 비고정 기법. 고정된 무음 영상 위로 섹션이 지나가고, 카피가 다른 속도로 흘러간다.

question-reveal 장면 완성 화면
question-reveal

대기 8분을 넘으면 이탈이 늘어난다

질문을 먼저 크게 던지고, 답의 근거를 차례로 드러내는 오프닝 장면입니다.

step-flow 장면 완성 화면
step-flow

편한 신발 · 물 · 귀가 경로

순서가 중요한 과정을 연결된 단계로 풀어 설명합니다.

system-map 장면 완성 화면
system-map

모바일 대기표 · 상담 슬롯 · 직원 알림

중심 요소와 주변 구성요소의 관계를 연결선으로 설명합니다.

tilt-card 장면 완성 화면
tilt-card

출근길의 소음을 접어 넣다

조용한 장면. 마스크 처리된 인물 사진이 한쪽을 잡고, 반대쪽에 머리카락선으로 구분된 2~5줄이 느린 기울기 아래 놓인다.

timeline-roadmap 장면 완성 화면
timeline-roadmap

1분기 구독 개편 · 2분기 물류 통합 · 3분기 재구매 개선 · 4분기 효율 검증

완료·현재·예정 상태를 구분해 시간에 따른 주요 이정표를 보여줍니다.

wipe-transform 장면 완성 화면
wipe-transform

한 장면에서 세 단계로

작업 흐름 장면. 대각선 와이프를 따라 한 화면이 다음 화면으로 바뀌고, 단계마다 번호 붙은 캡션이 교체된다.

word-relay 장면 완성 화면
word-relay

남기지 않기 → 함께 고르기 → 조금씩 담기

제목을 2~5개 단어로 쪼개 차례로 화면을 가로지르고, 마지막 단어만 남긴 뒤 가운데 와이프로 장면을 닫는다.

Deck to video · three storytelling methods

발표 장면을 영상으로

홍보용 몽타주, 출처를 밝힌 실제 사례, 장면 설계 강의. 세 영상 모두 한국어 음성과 화면 자막을 포함합니다.

홍보 쇼츠

여덟 개 덱을 45초 세로 영상으로 압축했습니다.

자막 다운로드

실제 사례 스토리

청계천 복원의 연혁과 도시 열섬 연구를 55초에 담았습니다.

자막 다운로드

장면 설계 교육

질문·주장·시각 근거의 순서를 84초에 설명합니다.

자막 다운로드

실제 사례 영상의 역사 장면은 AI 재구성입니다. 기간·구간은 서울시, 냉각에 관한 설명은 김경태·송재민(2015)을 따릅니다.