Landing page: restore original energy — single CTA, remove coaches, tighten copy #90

Closed
opened 2026-03-26 23:20:51 +00:00 by forgejo_admin · 4 comments

Type

Feature

Lineage

Follows playground overhaul (#85-#88). Parent note: westside-playground-overhaul

Repo

forgejo_admin/westside-playground

User Story

As a prospective parent visiting the public site, I want to immediately understand what the program is about and know how to get involved so I don't bounce.

story:WS-S26

Context

The original west-side-basketball landing page was a conversion machine — every section funneled to one action. Our playground landing page has lost that focus: dual hero CTAs ("Member Sign In" + "View Schedule"), a full coaches section that duplicates staff.html, and a weak bottom CTA ("Want to Get Involved?").

The original's structure when tryouts were active:
Banner (urgency) → Hero (one CTA) → About (3 cards) → Quote → How It Works → FAQ → Bottom CTA (same action)

Our target structure (no active tryouts):
Hero (one CTA) → About (3 cards) → Quote → How to Join (3 steps) → Bottom CTA

Five sections. Clean funnel. Staff, Sponsors, Schedule are one tap away in the nav.

File Targets

Files to modify:

  • index.html — the landing page

Changes:

  1. Hero section: Remove dual CTAs ("Member Sign In" + "View Schedule"). Replace with single CTA: "View Our Teams →" linking to schedule.html. Keep the tagline, h1, and subtitle exactly as-is — that copy is strong.
  2. Remove coaches section entirely (lines ~94-144). Staff page handles this. The landing page shouldn't preview what dedicated pages cover.
  3. Bottom CTA: Change from "Want to Get Involved?" (weak, generic) to "Ready to Compete?" (matches original energy). Copy: direct phone number + email, not a mailto button. Something like: "Call (385) 450-9963 or email westsidebasketball@gmail.com to get started."
  4. Keep: About section (3 cards), Marcus quote, How to Join (3 steps). These are the original's bones.

Files NOT to touch:

  • shared/style.css — no CSS changes needed, just removing HTML sections
  • Any other pages

Acceptance Criteria

  • Hero has ONE CTA button, not two
  • No coaches section on landing page
  • Bottom CTA has "Ready to Compete?" energy with direct contact info
  • Landing page structure: Hero → About → Quote → How to Join → CTA → Footer
  • Five sections total (not counting nav/footer)
  • Page feels focused — every section builds toward "get in touch"
  • Mobile renders clean on 390px

Test Expectations

  • Visual: open on phone — immediate clarity on what to do
  • No coach photos or bios on landing page
  • Staff page still has all 5 coaches (unchanged)
  • No automated tests

Constraints

  • This is a TASTE decision — Lucas reviews on phone and iterates
  • Keep the red/black brand, keep the original's copy style
  • The hero subtitle ("This isn't babysitting...") is sacred — don't change it
  • When tryouts return, the banner + registration CTA slot back in at the top

Checklist

  • Hero simplified
  • Coaches removed
  • Bottom CTA tightened
  • Lucas phone review
  • Approved
  • westside-playground-overhaul — parent overhaul note
  • ldraney/west-side-basketball — the original site to reference for energy/tone
### Type Feature ### Lineage Follows playground overhaul (#85-#88). Parent note: `westside-playground-overhaul` ### Repo `forgejo_admin/westside-playground` ### User Story As a prospective parent visiting the public site, I want to immediately understand what the program is about and know how to get involved so I don't bounce. story:WS-S26 ### Context The original `west-side-basketball` landing page was a conversion machine — every section funneled to one action. Our playground landing page has lost that focus: dual hero CTAs ("Member Sign In" + "View Schedule"), a full coaches section that duplicates staff.html, and a weak bottom CTA ("Want to Get Involved?"). The original's structure when tryouts were active: **Banner (urgency) → Hero (one CTA) → About (3 cards) → Quote → How It Works → FAQ → Bottom CTA (same action)** Our target structure (no active tryouts): **Hero (one CTA) → About (3 cards) → Quote → How to Join (3 steps) → Bottom CTA** Five sections. Clean funnel. Staff, Sponsors, Schedule are one tap away in the nav. ### File Targets Files to modify: - `index.html` — the landing page Changes: 1. **Hero section**: Remove dual CTAs ("Member Sign In" + "View Schedule"). Replace with single CTA: "View Our Teams →" linking to schedule.html. Keep the tagline, h1, and subtitle exactly as-is — that copy is strong. 2. **Remove coaches section entirely** (lines ~94-144). Staff page handles this. The landing page shouldn't preview what dedicated pages cover. 3. **Bottom CTA**: Change from "Want to Get Involved?" (weak, generic) to "Ready to Compete?" (matches original energy). Copy: direct phone number + email, not a mailto button. Something like: "Call (385) 450-9963 or email westsidebasketball@gmail.com to get started." 4. **Keep**: About section (3 cards), Marcus quote, How to Join (3 steps). These are the original's bones. Files NOT to touch: - `shared/style.css` — no CSS changes needed, just removing HTML sections - Any other pages ### Acceptance Criteria - [ ] Hero has ONE CTA button, not two - [ ] No coaches section on landing page - [ ] Bottom CTA has "Ready to Compete?" energy with direct contact info - [ ] Landing page structure: Hero → About → Quote → How to Join → CTA → Footer - [ ] Five sections total (not counting nav/footer) - [ ] Page feels focused — every section builds toward "get in touch" - [ ] Mobile renders clean on 390px ### Test Expectations - [ ] Visual: open on phone — immediate clarity on what to do - [ ] No coach photos or bios on landing page - [ ] Staff page still has all 5 coaches (unchanged) - No automated tests ### Constraints - This is a TASTE decision — Lucas reviews on phone and iterates - Keep the red/black brand, keep the original's copy style - The hero subtitle ("This isn't babysitting...") is sacred — don't change it - When tryouts return, the banner + registration CTA slot back in at the top ### Checklist - [ ] Hero simplified - [ ] Coaches removed - [ ] Bottom CTA tightened - [ ] Lucas phone review - [ ] Approved ### Related - `westside-playground-overhaul` — parent overhaul note - `ldraney/west-side-basketball` — the original site to reference for energy/tone
Author
Owner

Scope Review: NEEDS_REFINEMENT

Review note: review-405-2026-03-25

Three issues found that would block agent execution:

  • Repo mismatch: Issue filed on westside-app but ### Repo field and file target (index.html) point to westside-playground. Agent will clone the wrong repo.
  • "How to Join" section doesn't exist: Ticket says "Keep: How to Join (3 steps)" but current index.html has no such section. The original west-side-basketball/index.html has "How It Works" (3 steps) but it was never ported. This is a CREATE, not a KEEP — and the step content needs adapting for the no-tryout context.
  • Undocumented relationship to board item #380: "Westside playground complete overhaul" sits in todo with the same labels. Is #405 a subset, replacement, or independent?
## Scope Review: NEEDS_REFINEMENT Review note: `review-405-2026-03-25` Three issues found that would block agent execution: - **Repo mismatch**: Issue filed on `westside-app` but `### Repo` field and file target (`index.html`) point to `westside-playground`. Agent will clone the wrong repo. - **"How to Join" section doesn't exist**: Ticket says "Keep: How to Join (3 steps)" but current `index.html` has no such section. The original `west-side-basketball/index.html` has "How It Works" (3 steps) but it was never ported. This is a CREATE, not a KEEP — and the step content needs adapting for the no-tryout context. - **Undocumented relationship to board item #380**: "Westside playground complete overhaul" sits in `todo` with the same labels. Is #405 a subset, replacement, or independent?
Author
Owner

Refinements from review-405-2026-03-25:

  1. Repo convention: Same as all playground tickets — westside-app tracks, westside-playground is target. Established in #75.

  2. "How to Join" section — CREATE, not keep. This section doesn't exist in the current playground index.html. Port from the original west-side-basketball/index.html "How It Works" section (lines 142-167), updated for no-tryout context:

Step 1: Reach Out — "Contact us by email or phone. Let us know your player's age, experience, and what you're looking for."
Step 2: Meet the Coaches — "Come to a practice session. See the culture, the structure, and the standard firsthand."
Step 3: Get Placed — "Players are placed on teams based on age, skill level, and evaluation. Season details and schedules follow."

Same .step / .step-number / .grid.grid-3 pattern as the original.

  1. #380 (parent overhaul): Closing — all 4 sub-tickets (#85-#88) are done. #90 is a follow-up, not a child of #84.
**Refinements from review-405-2026-03-25:** 1. **Repo convention:** Same as all playground tickets — westside-app tracks, westside-playground is target. Established in #75. 2. **"How to Join" section — CREATE, not keep.** This section doesn't exist in the current playground index.html. Port from the original `west-side-basketball/index.html` "How It Works" section (lines 142-167), updated for no-tryout context: Step 1: **Reach Out** — "Contact us by email or phone. Let us know your player's age, experience, and what you're looking for." Step 2: **Meet the Coaches** — "Come to a practice session. See the culture, the structure, and the standard firsthand." Step 3: **Get Placed** — "Players are placed on teams based on age, skill level, and evaluation. Season details and schedules follow." Same `.step` / `.step-number` / `.grid.grid-3` pattern as the original. 3. **#380 (parent overhaul):** Closing — all 4 sub-tickets (#85-#88) are done. #90 is a follow-up, not a child of #84.
Author
Owner

Scope Review: READY

Review note: review-405-2026-03-25-r2

Re-review after refinement. All 3 original issues resolved:

  • Repo convention: Documented per #75. ### Repo field says westside-playground — agent will clone the correct repo.
  • "How to Join" copy: Exact 3-step content provided (Reach Out / Meet the Coaches / Get Placed). CSS classes pre-exist. Agent-executable.
  • #380 closed: Parent overhaul done. #90 is an independent follow-up.

Ticket is ready for agent execution.

## Scope Review: READY Review note: `review-405-2026-03-25-r2` Re-review after refinement. All 3 original issues resolved: - **Repo convention**: Documented per #75. `### Repo` field says `westside-playground` — agent will clone the correct repo. - **"How to Join" copy**: Exact 3-step content provided (Reach Out / Meet the Coaches / Get Placed). CSS classes pre-exist. Agent-executable. - **#380 closed**: Parent overhaul done. #90 is an independent follow-up. Ticket is ready for agent execution.
Author
Owner

Superseded by #98 / PR #99 (SvelteKit public site — 8 pages). Closing.

Superseded by #98 / PR #99 (SvelteKit public site — 8 pages). Closing.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
forgejo_admin/westside-app#90
No description provided.