FRE-600: Implement Phase 1 WebSocket + Yjs CRDT foundation
- Create TypeScript and Vite configuration for SolidJS - Implement Yjs document structure for screenplay collaboration - Build WebSocket connection manager with exponential backoff reconnection - Create CRDT document manager with undo/redo support - Set up WebSocket sync server with JWT authentication - Add SolidJS reactive bindings for Yjs shared types - Build collaborative editor component - Write unit tests for CRDT operations - Document implementation in analysis/fre600_websocket_foundation.md Architecture: Yjs chosen over Automerge for better ecosystem and Tauri compatibility. WebSocket for sync, WebRTC for video. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
290
marketing/website/structure.md
Normal file
290
marketing/website/structure.md
Normal file
@@ -0,0 +1,290 @@
|
||||
# Scripter Marketing Website — Content and Structure
|
||||
|
||||
**Version:** 1.0
|
||||
**Date:** April 22, 2026
|
||||
**Author:** CMO
|
||||
|
||||
---
|
||||
|
||||
## Site Architecture
|
||||
|
||||
```
|
||||
/ (Homepage)
|
||||
/features
|
||||
/pricing
|
||||
/blog/
|
||||
/blog/[slug]
|
||||
/about
|
||||
/faq
|
||||
/terms
|
||||
/privacy
|
||||
/signup
|
||||
/login
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Homepage
|
||||
|
||||
### Hero Section
|
||||
**Headline:** Write screenplays faster, collaborate better, ship anywhere.
|
||||
**Subheadline:** The modern screenwriting platform built for how you actually work. Real-time collaboration, AI-powered writing, and industry-standard formatting — all in one place.
|
||||
**Primary CTA:** Start Writing Free (no credit card)
|
||||
**Secondary CTA:** See Features
|
||||
**Visual:** Product screenshot showing the screenplay editor with collaboration indicators
|
||||
|
||||
### Social Proof Bar
|
||||
- "Trusted by screenwriters at [studios/festivals]" (post-launch)
|
||||
- Product Hunt badge (post-launch)
|
||||
- Star rating placeholder
|
||||
|
||||
### Features Overview (3-column grid)
|
||||
1. **Industry-Standard Formatting** — Automatic screenplay formatting. Scene headings, action, dialogue, parentheticals — all formatted to spec.
|
||||
2. **Real-Time Collaboration** — Write together with your team. See changes live, leave comments, chat with video.
|
||||
3. **AI Writing Assistant** — Get help with dialogue, scene descriptions, character analysis, and more.
|
||||
|
||||
### Comparison Section
|
||||
**Headline:** Why Scripter over [competitor]?
|
||||
|
||||
**vs Final Draft:**
|
||||
- $7.99/mo vs $199 one-time (with no updates)
|
||||
- Real-time collaboration vs desktop-only
|
||||
- Works on any device vs macOS/Windows only
|
||||
- Cloud backup vs manual saves
|
||||
|
||||
**vs WriterDuet:**
|
||||
- Unlimited projects on free tier vs 3 projects
|
||||
- Faster native desktop app (Tauri vs Electron)
|
||||
- Built-in AI writing assistant
|
||||
- 33% lower pricing
|
||||
|
||||
### Testimonial Section (post-launch)
|
||||
Placeholder for 3 user testimonials with photos and credits.
|
||||
|
||||
### CTA Section
|
||||
**Headline:** Ready to write your next script?
|
||||
**Subheadline:** Join thousands of screenwriters who've made the switch. Free to start, no credit card required.
|
||||
**CTA:** Start Writing Free
|
||||
|
||||
---
|
||||
|
||||
## Features Page
|
||||
|
||||
### Structure
|
||||
Organized by category with expandable sections:
|
||||
|
||||
### Writing Tools
|
||||
- **Screenplay Editor** — Full-featured editor with industry-standard formatting
|
||||
- **Auto-Format** — Intelligent formatting that understands screenplay structure
|
||||
- **Templates** — Feature film, TV pilot, short film, sitcom, podcast, treatment
|
||||
- **Typewriter Mode** — Keep your current line centered as you type
|
||||
- **Dictation** — Speak your script, we format it
|
||||
|
||||
### Collaboration
|
||||
- **Real-Time Editing** — Multiple writers, one document, zero conflicts
|
||||
- **Comments & Mentions** — Leave feedback inline, @mention your team
|
||||
- **Video Chat** — Built-in video calls for writing sessions
|
||||
- **Revision Tracking** — Color-coded changes with accept/reject workflow
|
||||
- **Version History** — Never lose a draft. Roll back to any point in time
|
||||
|
||||
### Organization
|
||||
- **Project Management** — Cards, sequencing, outlining tools
|
||||
- **Character Database** — Track characters, relationships, arcs
|
||||
- **Mind Maps** — Visual story structure planning
|
||||
- **Goal Setting** — Track your writing progress
|
||||
|
||||
### Export & Integration
|
||||
- **Export Formats** — PDF, Final Draft XML, Fountain, Screenplay Pro
|
||||
- **Open API** — Integrate with StudioBinder, IMDb, and more
|
||||
- **Cloud Backup** — Automatic saves to Google Drive, Dropbox
|
||||
|
||||
### AI Features (Premium)
|
||||
- **Smart Continuation** — AI suggests next lines and scenes
|
||||
- **Character Analysis** — Get insights on character consistency and development
|
||||
- **Scene Enhancement** — Improve descriptions, tighten dialogue
|
||||
- **Auto-Translate** — Translate scripts to 30+ languages
|
||||
- **ReadAloud** — TTS narration with distinct character voices
|
||||
|
||||
---
|
||||
|
||||
## Pricing Page
|
||||
|
||||
### Headline
|
||||
Simple pricing for every screenwriter.
|
||||
|
||||
### Subheadline
|
||||
Start free. Upgrade when you need more. No hidden fees, no surprises.
|
||||
|
||||
### Free Plan — $0/mo
|
||||
**For:** Screenwriters exploring the platform
|
||||
- Unlimited projects
|
||||
- Industry-standard formatting
|
||||
- Auto cloud saving
|
||||
- Mobile editing
|
||||
- Comments & mentions
|
||||
- Basic export (PDF, Fountain)
|
||||
- Google Drive / Dropbox backup
|
||||
|
||||
**CTA:** Get Started Free
|
||||
|
||||
### Pro Plan — $7.99/mo ($5.99/yr annual)
|
||||
**For:** Professional screenwriters
|
||||
- Everything in Free, plus:
|
||||
- Real-time collaboration
|
||||
- Desktop app (macOS, Windows, Linux)
|
||||
- Offline writing
|
||||
- Video chat
|
||||
- Revision tracking
|
||||
- Custom themes and margins
|
||||
- Document statistics
|
||||
- Location/scene filters
|
||||
- Custom title pages
|
||||
- PDF security and watermarks
|
||||
|
||||
**CTA:** Start Pro Trial (14 days)
|
||||
|
||||
### Premium Plan — $10.99/mo ($7.99/yr annual)
|
||||
**For:** Teams and power users
|
||||
- Everything in Pro, plus:
|
||||
- Infinite document history
|
||||
- AI writing assistant
|
||||
- Auto-translate (30+ languages)
|
||||
- ReadAloud narration
|
||||
- Multi-column tools
|
||||
- Priority support
|
||||
- API access
|
||||
|
||||
**CTA:** Start Premium Trial (14 days)
|
||||
|
||||
### Comparison Table
|
||||
Full feature comparison matrix across all three plans.
|
||||
|
||||
### FAQ Accordion
|
||||
- "Can I switch plans anytime?" — Yes, upgrade or downgrade at any time.
|
||||
- "Is there a team plan?" — Contact us for custom team pricing.
|
||||
- "What happens to my scripts if I cancel?" — Your scripts are always yours. Download them in any format.
|
||||
- "Do you offer education discounts?" — Yes, 50% off for verified students and educators.
|
||||
|
||||
---
|
||||
|
||||
## Blog
|
||||
|
||||
### Structure
|
||||
- Category pages: Tips, Industry, Product, Community
|
||||
- Individual post pages with related posts sidebar
|
||||
- Newsletter signup in sidebar and footer
|
||||
|
||||
### Content Pillars
|
||||
1. **Screenwriting Education** — How-to guides, formatting tips, structure advice
|
||||
2. **Industry Insights** — Film news, festival coverage, market trends
|
||||
3. **Product Updates** — Feature announcements, tips, tutorials
|
||||
4. **Community** — Writer interviews, success stories, script spotlights
|
||||
|
||||
### SEO Target Keywords
|
||||
- "Final Draft alternative"
|
||||
- "online screenplay writer"
|
||||
- "free screenwriting software"
|
||||
- "collaborative screenwriting tool"
|
||||
- "screenplay format template"
|
||||
- "how to write a screenplay"
|
||||
|
||||
---
|
||||
|
||||
## About Page
|
||||
|
||||
### Headline
|
||||
Built by screenwriters, for screenwriters.
|
||||
|
||||
### Story
|
||||
[Placeholder for team story and mission]
|
||||
|
||||
### Mission
|
||||
Make professional screenwriting tools accessible to every storyteller.
|
||||
|
||||
### Values
|
||||
- **Accessibility** — Great tools shouldn't cost a fortune
|
||||
- **Collaboration** — Screenwriting is a team sport
|
||||
- **Innovation** — We're building the future of screenwriting
|
||||
- **Community** — We're screenwriters too
|
||||
|
||||
---
|
||||
|
||||
## FAQ Page
|
||||
|
||||
### Structure
|
||||
Categorized accordion:
|
||||
|
||||
**Getting Started**
|
||||
- How do I create my first script?
|
||||
- Do I need to install anything?
|
||||
- Can I import scripts from Final Draft or WriterDuet?
|
||||
|
||||
**Features**
|
||||
- What export formats are supported?
|
||||
- How does real-time collaboration work?
|
||||
- Can I work offline?
|
||||
|
||||
**Pricing**
|
||||
- What's included in the free plan?
|
||||
- Can I try Pro or Premium before paying?
|
||||
- Do you offer refunds?
|
||||
|
||||
**Technical**
|
||||
- What browsers are supported?
|
||||
- How is my data stored and secured?
|
||||
- Can I export my data if I leave?
|
||||
|
||||
---
|
||||
|
||||
## Technical Requirements
|
||||
|
||||
### Performance
|
||||
- Lighthouse score: 90+ on all metrics
|
||||
- First Contentful Paint: <1.5s
|
||||
- Time to Interactive: <3.5s
|
||||
- Core Web Vitals: All green
|
||||
|
||||
### SEO
|
||||
- Semantic HTML5 structure
|
||||
- Meta tags for each page
|
||||
- Open Graph and Twitter Card images
|
||||
- Structured data (Schema.org)
|
||||
- XML sitemap
|
||||
- robots.txt
|
||||
- Canonical URLs
|
||||
|
||||
### Analytics
|
||||
- Google Analytics 4
|
||||
- Heatmap tool (Hotjar or similar)
|
||||
- Conversion tracking (signup, trial start, upgrade)
|
||||
- A/B testing framework
|
||||
|
||||
### Accessibility
|
||||
- WCAG 2.1 AA compliance
|
||||
- Keyboard navigation
|
||||
- Screen reader support
|
||||
- High contrast mode
|
||||
|
||||
---
|
||||
|
||||
## Conversion Optimization
|
||||
|
||||
### Primary Conversion Paths
|
||||
1. Homepage → Signup (free)
|
||||
2. Pricing → Signup (free or trial)
|
||||
3. Blog → Signup (contextual CTAs)
|
||||
4. Features → Pricing → Signup
|
||||
|
||||
### CTA Placement
|
||||
- Hero section (above fold)
|
||||
- After features overview
|
||||
- After comparison section
|
||||
- Sticky header button
|
||||
- Footer
|
||||
- Exit intent popup (after 30s or scroll to bottom)
|
||||
|
||||
### Trust Signals
|
||||
- "No credit card required" near free signup
|
||||
- Security badges (SSL, data encryption)
|
||||
- User counts (post-launch)
|
||||
- Press logos (post-launch)
|
||||
Reference in New Issue
Block a user