Box · Launch Video Breakdown: Hook, Pacing & Motion Design

Scene-by-scene timeline & spoken transcript

1. 0:00 – 0:06

   The Hook

   Prompting Box Agent Across Folder Files

   “(No spoken dialogue — electronic music score)”

   On screen

   box Files > Luma Skincare What can I help you with? Turn the information from these files into a campaign dashboard as an HTML file that can be presented on an internal call to different marketing teams. Organize each section that you create into a clickable accordion style, and also create a table of contents that can be used to navigate between sections. Use pink/orange/yellow branding, think pastel sunset colors

   Camera

   Static wide frame centered on the Box file repository before the AI prompt modal zooms into view.

   Motion

   Clean UI modal drop-in with soft shadow overlay and dynamic text fill.

2. 0:06 – 0:21

   Product Reveal

   Autonomous Multi-Step Agent Execution

   “(No spoken dialogue — ambient instrumental track)”

   On screen

   Campaign Dashboard HTML Box Agent Analyzing folder "Luma Skincare"... Creating campaign dashboard HTML... List contents of Luma Skincare folder 1 of 4 Read/retrieve content from all files 2 of 4 Build HTML campaign dashboard with accordion, TOC, and pastel sunset branding 3 of 4 Save as HTML file to Box 4 of 4

   Camera

   Subtle zoom toward the active progress checklist within the Box Agent dialog window.

   Motion

   Step-by-step checklist micro-interactions with ticking checkmarks and status spinners.

3. 0:21 – 0:34

   Feature Teaser

   Generated Asset Review and File Link Creation

   “(No spoken dialogue — upbeat synthesizer track)”

   On screen

   Built and saved Luma Skincare HTML... Your Luma Skincare Campaign Dashboard has been saved as an HTML file to the Luma Skincare folder in Box! Luma Skincare Campaign Dashboard Here's what's inside the dashboard, built from all 6 files in the folder: Design Pastel sunset color palette Table of Contents 12 Accordion Sections

   Camera

   Vertical scrolling motion through the agent's summary report, followed by cursor tracking toward the link.

   Motion

   Cursor hover highlight and standard hyperlink click transition.

4. 0:34 – 0:53

   Feature Teaser

   Rendered Interactive Dashboard Inspection

   “(No spoken dialogue — upbeat electronic background)”

   On screen

   Luma Skincare Campaign Dashboard.html Luma Skincare Glow Confidently. Protect Brilliantly. TABLE OF CONTENTS Brand Overview & Positioning Active & Completed Campaigns

   Camera

   Smooth cut to browser full canvas, then floating control bar toggle to split code/preview mode.

   Motion

   Accordion expand/collapse toggle transitions and floating pill selector bar animation.

5. 0:53 – 1:21

   Feature Teaser

   Live In-Browser Code Modification and Save

   “(No spoken dialogue — rhythmic synth pulse)”

   On screen

   <div class="accordion-body"> Active Q2 Campaigns Glow Season - Brand Video YouTube $45,000 $42,120 1.32x <span class="badge badge-yellow">Slightly Behind</span> Save File saved successfully

   Camera

   Tight digital punch-in zoom onto the HTML code window, panning down to the table lines, zooming out to the save trigger.

   Motion

   Text selection cursor motion, line highlighting, and toast notification slide-in.

6. 1:21 – 1:31

   Call to Action

   Instant Versioning in Box Repository

   “(No spoken dialogue — synth resolution crescendo)”

   On screen

   Files > Luma Skincare Luma Skincare Campaign Dashboard.html V2 Updated Today by Scott Sugimoto

   Camera

   Breadcrumb back navigation to folder view highlighting version 'V2' indicator, then opening the updated dashboard.

   Motion

   Subtle UI badge glow and final return to split preview confirmation.