# CSaaS Landing Page Critique

*Based on learnings from Overture redesign (2025-07-27)*

---

## Summary

| Product | URL | Type | Verdict | Priority Fixes |
|---------|-----|------|---------|----------------|
| Worklane | getworklane.com | React | 🟡 Needs work | Cut copy, add interactions |
| Vector | vectorpm.io | Static HTML | 🟡 Needs work | Already has style, needs drama |
| Alignly | alignlyhq.com | Static HTML | 🔴 Major rework | Too wordy, no interactions |
| Clocklane | clocklane.com | React | 🟡 Needs work | Cut copy, add interactions |
| Encore | encoreclients.com | React | 🟡 Needs work | Cut copy, add drama |
| The Agency | agency.symph.co | Next.js | 🟢 Good | Just OG + favicon |

---

## Worklane (getworklane.com)

**Good:**
- Visual workflow diagram in hero
- "Coming Soon" badges on pricing
- Clean pricing structure

**Problems:**
1. "Approvals that fit how you work" — generic CSaaS tagline (every product says this)
2. "Gone are the days of chaotic email chains" — wordy, could be 3 words
3. "Sound familiar?" section is a wall of text
4. No cursor glow or dramatic interactions
5. No full-viewport pause moment
6. Standard fade reveals
7. OG image is still lovable.dev placeholder!

**Fixes needed:**
- [ ] Cut hero to: "Approvals. Sorted."
- [ ] Add cursor glow
- [ ] Add counter animations
- [ ] Create full-viewport pause statement
- [ ] Fix OG image
- [ ] Interactive workflow diagram on hover

---

## Vector (vectorpm.io)

**Good:**
- Brutalist design is distinctive
- Kanban board demo is good
- "Three ways" comparison works
- Orange brand color is bold

**Problems:**
1. "Project management that fits how you ship" — same generic pattern
2. Feature cards have too much explanatory text
3. No cursor glow or ambient effects
4. Cards don't have satisfying hover states
5. No full-viewport drama moment
6. Counters are static (should animate)

**Fixes needed:**
- [ ] Cut hero to: "Ship." or "Move."
- [ ] Add cursor glow (orange tinted)
- [ ] Animate counters on scroll
- [ ] Add brutalist hover effects (offset shadows that move)
- [ ] Full-viewport orange statement section
- [ ] Make kanban cards draggable/interactive

---

## Alignly (alignlyhq.com)

**Good:**
- Warm color palette
- Serif typography gives HR-appropriate feel

**Problems:**
1. "Everything your people need, in one place" — extremely generic
2. Feature descriptions are paragraphs, not punches
3. No hero demo/visual
4. No interactions whatsoever
5. No drama, no pause moments
6. Feels like a template

**Fixes needed:**
- [ ] Cut hero to: "Your people. Organized."
- [ ] Add cursor glow (emerald tinted)
- [ ] Create employee card visual that animates
- [ ] Add full-viewport warm/cream pause section
- [ ] Animate feature icons on hover
- [ ] Counter section with team stats

---

## Clocklane (clocklane.com)

**Good:**
- "Every dollar. Every hour." is punchy
- Stats in hero (<50ms, 1-Click, 100%)
- Problem framing is clear
- Detailed feature explanations

**Problems:**
1. "Time tracking that fits your rules" — back to generic tagline
2. "You're Flying Blind" section is too wordy
3. "One System. Complete Visibility." — explanatory, not dramatic
4. No cursor glow or ambient effects
5. No full-viewport pause
6. Form at bottom is overwhelming (too many fields)

**Fixes needed:**
- [ ] Keep "Every dollar. Every hour." but cut subtitle
- [ ] Add cursor glow (red tinted)
- [ ] Animate the <50ms counter live
- [ ] Create POS terminal demo that responds to hover
- [ ] Full-viewport red statement
- [ ] Simplify signup form to just email

---

## Encore (encoreclients.com)

**Good:**
- "The front door for your clients" is a decent metaphor
- Old Way vs Encore Way comparison
- Pricing is clear

**Problems:**
1. Too many bullet points in comparison (5 vs 5)
2. "Sound familiar?" pattern repeated
3. "Four Solutions. One Portal." — still explaining
4. No cursor glow
5. No interactions on feature cards
6. No full-viewport drama

**Fixes needed:**
- [ ] Cut hero to: "The front door."
- [ ] Add cursor glow (teal tinted)
- [ ] Animate portal mockup on scroll
- [ ] Reduce comparison to 3 vs 3 bullets max
- [ ] Full-viewport teal statement
- [ ] Add door-opening animation on hover

---

## The Agency (agency.symph.co)

**Status:** ✅ Design is good

**Only fixes needed:**
- [ ] Update OG image (currently missing/generic)
- [ ] Update favicon
- [ ] Verify all links work

---

## Implementation Order

1. **Vector** (static HTML, quick fix)
2. **Alignly** (static HTML, needs more work)
3. **Worklane** (React, find landing component)
4. **Clocklane** (React, find landing component)
5. **Encore** (React, find landing component)
6. **The Agency** (just OG + favicon)
