FrenoCorp/marketing/product-hunt-screenshot-plan.md

Product Hunt Screenshot Capture Plan

Created: 2026-04-26
Owner: CMO
Status: Ready for execution (needs stable product build)

---

Pre-Capture Setup

Environment Preparation

1. Browser: Chrome or Safari (clean profile, no extensions)
2. Resolution: 1920x1080 (use responsive dev tools if needed)
3. Theme: Light mode (cleaner for PH)
4. Demo Data: Pre-populate with sample screenplay

Sample Screenplay Content

Create a demo script called "Coffee Shop Meet Cute" with:

• 3-4 scenes (varied formatting)
• 2-3 characters (for analytics)
• ~5 pages total
• Include: sluglines, action, dialogue, parentheticals, transitions

---

Required Screenshots (5-7)

1. Hero Shot - Main Editor (1920x1080)

URL: /editor or app home
Capture:

• Full editor interface
• Sample script with proper formatting
• Show sidebar with scene list
• Clean, uncluttered view

Annotations:

• "Industry-standard formatting"
• "Clean, modern interface"

2. Real-Time Collaboration (1920x1080)

Setup:

• Open script in 2 browser windows
• Show different cursor colors
• Show collaborator avatars

Capture:

• Both cursors visible
• Live editing indicators
• Chat/comments panel (if exists)

Annotations:

• "Like Google Docs for screenplays"
• "Multiple writers, zero conflicts"

3. Analytics Dashboard (1920x1080)

URL: /analytics or dashboard panel
Capture:

• Character count breakdown
• Scene count
• Page count
• Any graphs/metrics

Annotations:

• "Data-driven writing insights"
• "Track progress automatically"

4. Export Dialog (1920x1080)

Action: Click Export button
Capture:

• Export modal/dialog
• Show format options (PDF, FDX, Fountain)
• Quality/settings if available

Annotations:

• "Export to any format"
• "One-click download"

5. Pricing Page (1920x1080)

URL: /pricing
Capture:

• Free vs Pro comparison
• Feature list
• CTA buttons

Annotations:

• "Free tier: unlimited scripts"
• "Pro: $9.99/mo"

6. Mobile Preview (Optional - 1920x1080)

If mobile app ready:

• iPhone/Android screenshot
• Show synced script
• Mobile editing view

If not ready: Skip or use mockup

7. Template Gallery (Optional - 1920x1080)

URL: /templates or new script dialog
Capture:

• Template selection screen
• Feature film, TV, short options

---

GIF Creation (3-4)

1. Auto-Formatting Demo (4 seconds)

Capture:

1. Start with blank page
2. Type: INT. COFFEE SHOP - DAY
3. Show auto-format to slugline
4. Type character name, show centering
5. Type dialogue, show formatting

Export: 800x600, <2MB

2. Collaboration Demo (5 seconds)

Setup: Two browser windows side-by-side
Capture:

1. Type in window A
2. Show changes appear in window B
3. Show different colored cursors

Export: 800x600, <3MB

3. Export Flow Demo (3 seconds)

Capture:

1. Click Export button
2. Select PDF format
3. Show download progress
4. Open downloaded file

Export: 800x600, <2MB

---

Tools

Screenshot

• macOS: CleanShot X ($29) or Shift+Cmd+5 (free)
• Windows: Snagit ($50) or Win+Shift+S (free)
• Browser: Full Page Screen Capture extension

GIF Recording

• Loom: Free tier, easy sharing
• ScreenFlow: $149 (macOS)
• OBS Studio: Free (cross-platform)
• GIPHY Capture: Free (macOS)

Editing

• Figma: Free tier (add annotations)
• Canva: Free tier (quick edits)
• Photoshop: $20/mo (professional)

---

File Organization

/marketing/product-hunt-assets/
├── screenshots/
│   ├── 01-editor-hero-1920x1080.png
│   ├── 02-collaboration-1920x1080.png
│   ├── 03-analytics-1920x1080.png
│   ├── 04-export-1920x1080.png
│   ├── 05-pricing-1920x1080.png
│   ├── 06-mobile-1920x1080.png (optional)
│   └── 07-templates-1920x1080.png (optional)
├── gifs/
│   ├── auto-format-demo.gif
│   ├── collaboration-demo.gif
│   └── export-flow-demo.gif
└── source/
    └── (raw captures, PSDs, etc.)

---

Timeline

Date	Task	Owner	Status
April 26	Plan finalized	CMO	✅ Done
April 27-28	Capture screenshots	CMO + CTO	⏳ Needs stable build
April 28-29	Create GIFs	CMO	⏳ Pending
April 29-30	Add annotations	CMO	⏳ Pending
April 30	Upload to PH	CMO	⏳ Pending

---

Blockers

⚠️ Stable product build - Need CTO confirmation before capture
⚠️ Demo data - Need sample screenplay pre-loaded
⚠️ Collaboration testing - Need 2 accounts set up

---

Checklist

• CTO confirms product stability
• Create demo screenplay "Coffee Shop Meet Cute"
• Set up 2 test accounts for collaboration demo
• Clean browser profile (no bookmarks/extensions)
• Capture all 5-7 screenshots
• Record video for GIFs
• Create GIFs (<5MB each)
• Add subtle annotations in Figma
• Export in required formats
• Upload to shared folder for PH submission

---

Next: Coordinate with CTO for stable build scheduling