8.2 KiB
Feels Promo Video Storyboard
Version: V1 - App Store Feature Video Duration: ~25 seconds (7 scenes + outro) Resolution: 1080x1920 (9:16 Portrait) FPS: 30
Video Concept
Tagline: Track your mood. Understand yourself.
Target Audience: People seeking a simple, beautiful way to track their emotional wellbeing without the complexity of journaling apps.
Key Differentiators to Highlight:
- One-tap simplicity (vs. complex journaling)
- Beautiful widgets & Apple Watch integration
- AI-powered insights (Apple Intelligence)
- Deep customization (themes, icons, colors)
- Privacy-first with iCloud sync
Scene Breakdown
Scene 1: Hero (0:00-3:30)
Title: "Your mood. Your journey. Your way."
| Element | Details |
|---|---|
| Background | Dark forest green gradient (#1a472a → #2d5a3d) with tiled app icons |
| Animation | Title springs in from top; phone slides in from right |
| Phone Screen | Day View showing mood list with colorful entries |
| Layout | Title top-left, phone large on right (extends off-screen) |
| Emotion | Empowering, personal, inviting |
Screenshot Required: screen1-day.png - Day view with several mood entries
Scene 2: Widget & Watch (3:30-7:00)
Title: "Tap. Logged. Done." Subtitle: "Never miss a day"
| Element | Details |
|---|---|
| Background | Golden yellow gradient (#c4a000 → #d4b400) |
| Animation | Title springs in; widget scales up; watch scales up with delay |
| Widget | Large square widget showing mood selection |
| Watch | Apple Watch with Feels complication |
| Labels | "One-tap widgets" under widget, "Wrist ready" under watch |
| Emotion | Quick, effortless, accessible |
Screenshots Required:
screen2-widget.png- Large widget with 5 mood optionsscreen2-watch.png- Watch face with Feels complication
Scene 3: Journal (7:00-10:30)
Title: "Reflect & Record" Subtitle: "Add notes & photos to remember why"
| Element | Details |
|---|---|
| Background | Medium green gradient (#3d7a4a → #4a8f5a) |
| Animation | Title springs in; phone scales up from center |
| Phone Screen | Note editor with text and photo attachment |
| Layout | Title top, phone centered with slight tilt |
| Emotion | Thoughtful, meaningful, personal |
Screenshot Required: screen3-journal.png - Note editor with example entry
Scene 4: Insights (10:30-14:00)
Title: "Beautiful Insights" Badge: "Powered by Apple AI"
| Element | Details |
|---|---|
| Background | Blue gradient (#2563eb → #3b82f6) |
| Animation | Title springs in centered; phone scales up; AI badge pops in |
| Phone Screen | Insights view showing month/year analysis |
| Badge | White pill with sparkle emoji, appears at bottom |
| Emotion | Intelligent, modern, trustworthy |
Screenshot Required: screen4-insights.png - Insights view with AI badge visible
Scene 5: Privacy (14:00-17:30)
Title: "Private & Secure" Subtitle: "Syncs with Apple Health - Locked to you"
| Element | Details |
|---|---|
| Background | Teal green gradient (#059669 → #10b981) |
| Animation | Title centered; shield emoji scales in; phone slides from right |
| Phone Screen | Settings or HealthKit integration screen |
| Shield | Large shield emoji (left side) |
| Emotion | Safe, trustworthy, Apple ecosystem |
Screenshot Required: screen5-privacy.png - Privacy/HealthKit settings
Scene 6: Themes (17:30-21:00)
Title: "Complete Customization" Subtitle: "Your Style" Detail: "12 Thoughtful Themes"
| Element | Details |
|---|---|
| Background | Purple gradient (#7c3aed → #8b5cf6) |
| Animation | Title right-aligned springs in; phone slides from left |
| Phone Screen | Theme picker showing color palette options |
| Layout | Title on right, phone on left (extends off-screen) |
| Emotion | Personal, expressive, premium |
Screenshot Required: screen6-themes.png - Theme/customization picker
Scene 7: Notifications (21:00-24:30)
Title: "Guidance that gets you"
| Element | Details |
|---|---|
| Background | Cyan gradient (#0891b2 → #06b6d4) |
| Animation | Title springs in; phone scales up from right |
| Phone Screen | Lock screen with Feels notification or Live Activity |
| Layout | Title top-left, phone large on right |
| Emotion | Supportive, timely, helpful |
Screenshot Required: screen7-notifications.png - Notification or Live Activity
Outro (24:30-27:00)
Text: "Feels" + "Track your mood. Understand yourself."
| Element | Details |
|---|---|
| Background | Default purple gradient with tiled icons |
| Animation | App icon scales up with glow; text fades in |
| Glow | Pulsing white radial glow behind icon |
| Emotion | Memorable, brand moment, call to action |
Asset Required: app-icon.png - App icon (1024x1024)
Required Assets Checklist
Static Assets
app-icon.png- App icon (1024x1024)phone.png- iPhone frame overlaywatch-frame.png- Apple Watch frame overlay
Screenshots (capture from app)
screen1-day.png- Day view with mood entriesscreen2-widget.png- Large widget mockupscreen2-watch.png- Watch face/complicationscreen3-journal.png- Note editor with photoscreen4-insights.png- Insights viewscreen5-privacy.png- Privacy/HealthKit settingsscreen6-themes.png- Theme customizationscreen7-notifications.png- Notification/Live Activity
Color Palette by Scene
| Scene | Primary Color | Hex |
|---|---|---|
| 1. Hero | Forest Green | #1a472a |
| 2. Widget | Golden Yellow | #c4a000 |
| 3. Journal | Medium Green | #3d7a4a |
| 4. Insights | Royal Blue | #2563eb |
| 5. Privacy | Teal | #059669 |
| 6. Themes | Purple | #7c3aed |
| 7. Notifications | Cyan | #0891b2 |
| Outro | Purple | #667eea |
Animation Timing Reference
| Animation | Duration | Easing |
|---|---|---|
| Title entrance | ~0.5s | Spring (damping: 200) |
| Phone entrance | ~0.8s | Spring (damping: 12, stiffness: 80) |
| Badge/icon pop | ~0.4s | Spring (damping: 10-15, stiffness: 100) |
| Scene transition | 0.6s | Linear fade |
Future Video Concepts
V2: "Year in Pixels" Focus
Highlight the Year View heatmap visualization - emphasize seeing a full year of emotions at a glance.
Key Scene: Animated heatmap filling in with colors over time.
V3: "Streak Challenge"
Gamification angle - show streak building, Live Activity on lock screen, celebrating milestones.
Key Scene: Streak counter incrementing with celebration animations.
V4: "Personality Packs"
Customization deep-dive - showcase different icon packs, themes, and color combinations.
Key Scene: Rapid montage of different visual styles.
V5: "Share Your Year"
Social sharing feature - show the shareable year review card being generated and shared.
Key Scene: Year card animation rendering, share sheet appearing.
Technical Notes
Remotion Commands
# Start preview
npm run dev
# Render video
npx remotion render FeelsPromoV1 out/feels-promo-v1.mp4
# Render specific frame range (for testing)
npx remotion render FeelsPromoV1 out/test.mp4 --frames=0-30
Screenshot Capture Tips
- Use iPhone 15 Pro Max simulator for highest quality
- Enable "Show Touch" in simulator for interaction demos
- Capture at 3x scale for maximum resolution
- Remove status bar in post-processing if needed
Messaging Framework
Primary Message
"Track your mood in seconds, understand your patterns over time."
Supporting Messages
- Simplicity: "One tap. That's all it takes."
- Insight: "See your emotional journey unfold."
- Privacy: "Your feelings, your data, your control."
- Style: "Make it yours with 12 beautiful themes."
- Ecosystem: "Works seamlessly with Apple Watch and widgets."
Emotional Arc
- Hook (Scene 1): Personal, empowering
- Features (Scenes 2-6): Practical, impressive
- Trust (Scene 5-6): Secure, personalized
- CTA (Outro): Memorable, action-driving
Last Updated: January 2026