Video Storyboard

Zuzu — A Day with Zuzu

30-Second App Store Promotional Video

Format: 9:16 Vertical (1080 × 1920) Duration: 30 seconds 9 Scenes
30s
Total Duration
9
Total Scenes
1080×1920
Resolution
30 fps
Frame Rate
H.264
Codec
Scene Timeline (30 seconds)
Hook
Wake-up
Bottle
Nursing
Nap
Timeline
Insights
Growth
CTA
0:00 0:03 0:06 0:10 0:14 0:17 0:21 0:24 0:27 0:30

Storyboard Scenes

Each card represents one scene with visual reference, script, and motion notes.

1
Hook
0:00 – 0:03
3s
🎬
Visual
Purple gradient background (#0B0B1E to #8B5CF6). "Zuzu" logo fades in at center with a soft glow bloom. No screenshot — brand-only frame.
💬
Text Overlay
"Every moment matters"
🎶
Audio
Gentle lullaby intro — soft piano or music box, 2–3 warm notes
✨
Animation & Transition
Logo fade-in over 1.5s with subtle scale (95% → 100%). Text fades in 0.5s after logo. Dissolve to Scene 2.
Fade-in Scale Dissolve
2
Morning Wake-up
0:03 – 0:06
3s
Home screen with timeline arc
07_08_home.png
🎬
Visual
Home screen with the timeline arc prominently glowing. Phone device frame visible.
💬
Text Overlay
"See your baby's day at a glance"
✨
Animation & Transition
Phone slides up from bottom of frame (ease-out, 0.6s). Arc segments light up sequentially with a purple glow pulse. Swipe-left transition to Scene 3.
Slide Up Arc Glow Swipe Left
3
Quick Logging
0:06 – 0:10
4s
Bottle feeding log screen
01_02_quick_log_bottle.png
🎬
Visual
Bottle feeding screen. Show amount picker and quick-preset buttons in detail.
💬
Text Overlay
"Log feeds in seconds"
✨
Animation & Transition
Simulated finger tap on bottle amount selector — ripple effect on tap. Quick-preset buttons highlight sequentially (left to right, 0.15s each). Cross-dissolve to Scene 4.
Tap Ripple Button Highlight Cross-dissolve
4
Nursing
0:10 – 0:14
4s
Nursing tracking screen
02_03_quick_log_nursing.png
🎬
Visual
Nursing screen with Left/Right side selection and active timer display.
💬
Text Overlay
"Track nursing with one tap"
✨
Animation & Transition
Left/Right buttons pulse alternately (gentle scale 100% → 106% → 100%). Timer counts up in real-time (e.g., 0:12 → 0:15). Swipe-left transition to Scene 5.
Button Pulse Live Timer Swipe Left
5
Nap Time
0:14 – 0:17
3s
Active nap tracking screen
03_04_active_nap.png
🎬
Visual
Active nap screen with live timer and timeline arc showing the nap segment extending.
💬
Text Overlay
"Live nap tracking"
✨
Animation & Transition
Timer counting in real-time. Timeline arc extends smoothly — the nap segment grows clockwise. Soft breathing-style glow on the sleep icon. Cross-dissolve to Scene 6.
Live Timer Arc Extend Breathing Glow Cross-dissolve
6
Timeline Review
0:17 – 0:21
4s
Timeline events list
04_05_timeline_events.png
🎬
Visual
Full timeline events list showing a complete day — feeds, naps, diapers, all color-coded.
💬
Text Overlay
"Every event, one timeline"
✨
Animation & Transition
Events scroll up slowly (auto-scroll, ~80px/s). Each event row fades in with a 0.1s stagger as it enters the viewport. Cross-dissolve to Scene 7.
Auto-scroll Stagger Fade Cross-dissolve
7
Smart Insights
0:21 – 0:24
3s
Insights screen
05_06_insights.png
🎬
Visual
Insights screen showing AI-generated summary cards, pattern detection, and daily stats.
💬
Text Overlay
"AI-powered insights"
✨
Animation & Transition
Insight cards slide in one by one from the right (0.2s stagger, spring easing). A subtle shimmer passes over each card as it lands. Cross-dissolve to Scene 8.
Slide-in Cards Shimmer Cross-dissolve
8
Growth
0:24 – 0:27
3s
Growth chart screen
06_07_growth.png
🎬
Visual
Growth chart with percentile curves and data points. Weight/length tracking visualization.
💬
Text Overlay
"Watch them grow"
✨
Animation & Transition
Chart line draws from left to right (SVG path animation, 2s). Percentile band fills in behind the line with a soft gradient reveal. Data point dots pop in at the end. Dissolve to Scene 9.
Line Draw Gradient Fill Dot Pop-in Dissolve
9
Call to Action
0:27 – 0:30
3s
Hero arc screen
00_01_hero_arc.png
🎬
Visual
Hero arc screen shrinks to center of frame (65% scale). App Store download badge fades in below the phone. Purple gradient background returns behind the device.
💬
Text Overlay
"Zuzu — Track every precious moment"
Subtext: "Download free on the App Store"
🎶
Audio
Gentle resolution note — soft piano chord or chime that resolves the melody. Music fades to silence over final 1s.
✨
Animation & Transition
Phone shrinks with spring easing (100% → 65%, 0.8s). CTA text fades in (0.4s delay). App Store badge slides up (0.6s delay). Subtle sparkle particles drift around the logo. Hold final frame for 1s.
Scale Down Stagger Fade Sparkle Particles CTA Hold

Production Reference

Color palette, typography, audio direction, and technical delivery specs.

🎨 Color Palette

#0B0B1E
Background
#12122A
Card BG
#8B5CF6
Purple Accent
#A78BFA
Purple Light
#EC4899
Pink
#2DD4BF
Teal
#FFFFFF
Text Primary
#9898B0
Text Dim

⌨ Typography

  • Primary Font: SF Pro Display / system sans-serif
  • Headline Weight: Bold (700) or Heavy (800)
  • Body Weight: Regular (400) or Medium (500)
  • Text Color: White (#FFFFFF) on dark backgrounds
  • Subtext Color: Muted purple-gray (#9898B0)
  • Text Size: Large, always readable at phone scale (min 48px at 1080w)
  • Text Shadow: Subtle drop-shadow for readability over screenshots
  • Alignment: Center-aligned for overlays, left-aligned for captions

🎵 Music & Audio

  • Style: Gentle, warm acoustic lullaby feel
  • Instruments: Soft piano, music box, light acoustic guitar, subtle strings
  • Tempo: Slow to medium (~80–100 BPM), calming
  • Mood: Nurturing, hopeful, tender — captures the joy of early parenthood
  • Structure: Intro swell (0:00–0:03), steady groove (0:03–0:24), gentle resolution (0:24–0:30)
  • Licensing: Royalty-free required — check Artlist, Epidemic Sound, or Musicbed
  • SFX: Optional soft tap sounds on button interactions, gentle whoosh on transitions
  • No voiceover — text overlays carry the message; music only

⚙ Technical Specs

  • Resolution: 1080 × 1920 px (9:16 vertical)
  • Frame Rate: 30 fps
  • Duration: 30 seconds exactly
  • Codec: H.264 (Main or High profile)
  • Container: .mp4 or .mov
  • Bitrate: 10–15 Mbps for high quality
  • Audio: AAC, 48 kHz, stereo
  • Color Space: sRGB (Rec. 709)
  • Platform: Apple App Store product page video
  • Safe Area: Keep key text within center 90% — avoid top/bottom 5% for system UI overlap

⇄ Transition Guide

  • Dissolve: 0.4s cross-fade between scenes, used for mood shifts
  • Cross-dissolve: 0.3s blend, used for same-context screen changes
  • Swipe Left: 0.5s horizontal slide with slight parallax on background, mimics in-app navigation
  • Easing: Use ease-out or spring curves for all motion (never linear)
  • Overlap: 2–3 frames of overlap between outgoing and incoming scenes
  • Text Timing: Text overlays appear 0.3s after scene visual settles, fade out 0.3s before transition

☑ Delivery Checklist

  • Verify all text is readable at 375pt width (iPhone SE minimum)
  • Ensure no text falls outside the safe area margins
  • Confirm total runtime is exactly 30.00 seconds (900 frames at 30fps)
  • Export with no black frames at start or end
  • Validate H.264 encoding passes App Store Connect checks
  • Test playback on iPhone, iPad, and desktop preview
  • Confirm music licensing covers App Store distribution
  • Review Apple's App Preview guidelines for compliance