Skip to main content

TeeTime Tournament Management — Wireframes

Status: Draft Owners: TeeTime Eng Last Updated: 2025-12-09 Parent Document: tournament-management-spec.md


Overview

This document contains 20 wireframes covering all tournament administration surfaces. Each wireframe includes annotations for key interactions and state handling.


Wireframe 1: Tournament Calendar View

Main entry point for tournament management.

┌─────────────────────────────────────────────────────────────────────────────┐
│ Tournaments [+ Create Competition]│
├─────────────────────────────────────────────────────────────────────────────┤
│ ┌─────────┐ ┌─────────────────────────────────────────────────────────────┐ │
│ │ 📅 Dec │ │ December 2025 │ │
│ │ │ │ ─────────────────────────────────────────────────────────── │ │
│ │ ▸ Week 1│ │ Sun Mon Tue Wed Thu Fri Sat │ │
│ │ ▸ Week 2│ │ 1 2 3 4 5 6 7 │ │
│ │ ▸ Week 3│ │ ● ● ● │ │
│ │ ▸ Week 4│ │ 8 9 10 11 12 13 14 │ │
│ │ │ │ ● ● │ │
│ │ Filters │ │ 15 16 17 18 19 20 21 │ │
│ │ ────── │ │ ●● │ │
│ │ ☑ Open │ │ 22 23 24 25 26 27 28 │ │
│ │ ☑ In Prg│ │ ● │ │
│ │ ☐ Cmplte│ │ 29 30 31 │ │
│ │ ☐ Cancel│ │ │ │
│ └─────────┘ └─────────────────────────────────────────────────────────────┘ │
│ │
│ Upcoming Competitions │
│ ┌──────────────────────────────────────────────────────────────────────────┐│
│ │ 📋 Monthly Medal │ Stableford │ Dec 14 │ OPEN │ 42/120 │ ▸ ││
│ │ 📋 Christmas Comp │ 4BBB │ Dec 21 │ DRAFT │ 0/60 │ ▸ ││
│ │ 📋 Club Championship R1 │ Stroke │ Dec 28 │ OPEN │ 64/64 │ ▸ ││
│ └──────────────────────────────────────────────────────────────────────────┘│
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Calendar dots indicate competitions (color-coded by status)
  • Click date to filter list below
  • Click competition row to open detail view
  • Quick filters in sidebar

Wireframe 2: Competition Creation Wizard - Step 1 (Basics)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Create Competition [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ (●) Basics ( ) Handicap ( ) Divisions ( ) Entries ( ) Rounds ( ) Review│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ Competition Name * │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ Monthly Medal - December │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Description │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ Stableford competition for all members │ │
│ │ │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Format * │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ Stableford ▼ │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ ℹ️ Points-based scoring. Higher is better. Good for mixed handicaps. │
│ │
│ ☐ Team Event │
│ │
│ Course * Date * │
│ ┌─────────────────────────────┐ ┌─────────────────────────────┐ │
│ │ Championship Course ▼ │ │ 📅 14 December 2025 │ │
│ └─────────────────────────────┘ └─────────────────────────────┘ │
│ │
│ [Cancel] [Next Step →] │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Step indicator shows progress
  • Format dropdown shows all 10 formats with descriptions
  • Team event checkbox reveals team size field
  • Validation on required fields

Wireframe 3: Competition Creation Wizard - Step 2 (Handicap)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Create Competition [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ (✓) Basics (●) Handicap ( ) Divisions ( ) Entries ( ) Rounds ( ) Review│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ Handicap Settings │
│ ───────────────── │
│ │
│ ☑ Handicap Qualifying Competition │
│ Scores will be eligible for handicap posting │
│ │
│ Handicap Allowance │
│ ┌───────────────────┐ │
│ │ 95% ▼ │ Common: 95% (club), 100% (social) │
│ └───────────────────┘ │
│ │
│ Handicap Posting * │
│ ○ Automatic - Post to association after finalization │
│ ● Manual - Require admin approval before posting │
│ ○ None - Do not post scores │
│ │
│ Association Settings │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ ☑ GolfRSA Course ID: [RSA-12345 ] │ │
│ │ ☐ DotGolf Course ID: [ ] │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ CSS Settings │
│ ○ Calculate automatically from results │
│ ● Use course SSS: [72 ] │
│ │
│ [← Back] [Cancel] [Next Step →]│
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • WHS-compliant settings
  • Association course mapping for handicap posting
  • CSS can be auto-calculated or manual

Wireframe 4: Competition Creation Wizard - Step 3 (Divisions)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Create Competition [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ (✓) Basics (✓) Handicap (●) Divisions ( ) Entries ( ) Rounds ( ) Review│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ Divisions [+ Add Division]│
│ ───────────────────────────────────────────────────────────────────────────│
│ │
│ ☑ Enable Divisions │
│ Players will be assigned to divisions based on criteria below │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Division │ Handicap Range │ Gender │ Tee Set │ Actions │ │
│ │──────────────────┼────────────────┼────────┼────────────┼───────────│ │
│ │ A Division │ 0 - 12 │ Any │ Medal │ [✎] [🗑] │ │
│ │ B Division │ 13 - 24 │ Any │ Medal │ [✎] [🗑] │ │
│ │ C Division │ 25+ │ Any │ Forward │ [✎] [🗑] │ │
│ │ Ladies │ Any │ F │ Ladies │ [✎] [🗑] │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ Division Assignment │
│ ● Auto-assign based on handicap/gender at entry │
│ ○ Player selects division at entry │
│ ○ Admin assigns division manually │
│ │
│ Quick Templates: │
│ [ABC Handicap] [Men/Ladies] [Seniors] [Junior/Open] │
│ │
│ [← Back] [Cancel] [Next Step →]│
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Inline editing of divisions
  • Quick templates for common setups
  • Tee set assignment per division

Wireframe 5: Competition Creation Wizard - Step 4 (Entries)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Create Competition [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ (✓) Basics (✓) Handicap (✓) Divisions (●) Entries ( ) Rounds ( ) Review│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ Entry Settings │
│ ───────────────── │
│ │
│ Maximum Entries │
│ ┌───────────────┐ │
│ │ 120 │ Leave blank for unlimited │
│ └───────────────┘ │
│ │
│ Entry Window │
│ Opens: ┌────────────────────┐ Closes: ┌────────────────────┐ │
│ │ 📅 Dec 1, 00:00 │ │ 📅 Dec 13, 18:00 │ │
│ └────────────────────┘ └────────────────────┘ │
│ │
│ Entry Fee │
│ 18 Holes: ┌─────────┐ 9 Holes: ┌─────────┐ (Optional) │
│ │ R 150 │ │ R 80 │ │
│ └─────────┘ └─────────┘ │
│ │
│ Eligibility │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ ☑ Club members only │ │
│ │ ☐ Max handicap index: [ ] │ │
│ │ ☐ Minimum age: [ ] │ │
│ │ ☑ Require valid handicap (refreshed within 30 days) │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ [← Back] [Cancel] [Next Step →]│
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Entry window with date/time pickers
  • Fee in ZAR (or configured currency)
  • Eligibility rules are AND conditions

Wireframe 6: Competition Creation Wizard - Step 5 (Rounds)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Create Competition [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ (✓) Basics (✓) Handicap (✓) Divisions (✓) Entries (●) Rounds ( ) Review│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ Rounds [+ Add Round]│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ Round 1 [🗑] │ │
│ │────────────────────────────────────────────────────────────────────────│ │
│ │ Date: [📅 14 Dec 2025 ] Course: [Championship Course ▼] │ │
│ │ │ │
│ │ Start Type: ● Tee Times ○ Shotgun ○ Two-Tee │ │
│ │ │ │
│ │ First Tee Time: [07:00 ▼] Interval: [8 min ▼] │ │
│ │ │ │
│ │ ☐ Link to Tee Sheet │ │
│ │ Select sheet: [Competition - Dec 14 ▼] │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Multi-round settings: │
│ ☐ Cut after round [ ] to top [ ] players │
│ ☐ Carry forward scores │
│ │
│ [← Back] [Cancel] [Next Step →]│
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Multi-round support with add button
  • Tee sheet linking for integrated draws
  • Shotgun reveals starting hole config

Wireframe 7: Competition Creation Wizard - Step 6 (Review)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Create Competition [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ (✓) Basics (✓) Handicap (✓) Divisions (✓) Entries (✓) Rounds (●) Review│
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ Review Competition │
│ ─────────────────────────────────────────────────────────────────────────── │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Monthly Medal - December │ │
│ │ Stableford · Championship Course · 14 December 2025 │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ Handicap: ✓ Qualifying │ 95% allowance │ Manual posting │ │
│ │ Divisions: 4 divisions (A, B, C, Ladies) │ Auto-assign │ │
│ │ Entries: Max 120 │ R150 fee │ Opens Dec 1, Closes Dec 13 │ │
│ │ Rounds: 1 round │ Tee times from 07:00 │ 8 min intervals │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ After Creation │
│ ● Save as Draft - Edit before opening entries │
│ ○ Open for Entries - Start accepting entries immediately │
│ │
│ ☐ Send notification to eligible members when opened │
│ │
│ [← Back] [Cancel] [Create →] │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Summary of all settings
  • Option to save draft or open immediately
  • Notification toggle for member alerts

Wireframe 8: Competition Detail - Overview Tab

┌─────────────────────────────────────────────────────────────────────────────┐
│ ← Back to Tournaments │
├─────────────────────────────────────────────────────────────────────────────┤
│ Monthly Medal - December [OPEN] ● │
│ Stableford · Championship Course · 14 December 2025 │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Quick Stats │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ 42 │ │ 12 │ │ R 6,300 │ │ 2 days │ │
│ │ Entries │ │ Available │ │ Revenue │ │ Until Close │ │
│ │ of 120 │ │ Spots │ │ │ │ │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ └─────────────┘ │
│ │
│ Entry Progress Division Breakdown │
│ ┌────────────────────────────┐ ┌────────────────────────────┐ │
│ │ █████████████░░░░░ 35% │ │ A Division: 12 entries │ │
│ │ 42 / 120 entries │ │ B Division: 18 entries │ │
│ └────────────────────────────┘ │ C Division: 8 entries │ │
│ │ Ladies: 4 entries │ │
│ Actions └────────────────────────────┘ │
│ ┌────────────────────────────────────────────────────────────────────────┐│
│ │ [Add Entry] [Generate Draw] [✎ Edit Competition] [⚙ Settings] ││
│ └────────────────────────────────────────────────────────────────────────┘│
│ │
│ Timeline │
│ ──●──────────●─────────────────●───────────────────●─────────────────●── │
│ Dec 1 Dec 13 Dec 14 Dec 14 Dec 15 │
│ Open Close Draw Play Finalize│
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Status badge with color (green=open, blue=in progress, etc.)
  • Quick stats at a glance
  • Timeline shows competition phases

Wireframe 9: Competition Detail - Entries Tab

┌─────────────────────────────────────────────────────────────────────────────┐
│ Monthly Medal - December [OPEN] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Entries (42) [🔍 Search] [+ Add Entry] [↓ Export] │
│ │
│ Filter: [All Divisions ▼] [All Status ▼] │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ # │ Player │ HCP │ Division │ Entered │ Status │ │ │
│ │───┼─────────────────┼───────┼────────────┼────────────┼────────┼────│ │
│ │ 1 │ John Smith │ 8.4 │ A Division │ Dec 2 09:15│ ✓ │ ⋮ │ │
│ │ 2 │ Jane Doe │ 12.1 │ A Division │ Dec 2 10:30│ ✓ │ ⋮ │ │
│ │ 3 │ Bob Wilson │ 15.7 │ B Division │ Dec 2 11:45│ ✓ │ ⋮ │ │
│ │ 4 │ Alice Brown │ 22.3 │ B Division │ Dec 3 08:00│ ✓ │ ⋮ │ │
│ │ 5 │ Charlie Green │ 28.5 │ C Division │ Dec 3 09:20│ WD │ ⋮ │ │
│ │ 6 │ Diana White │ 18.2 │ Ladies │ Dec 3 10:00│ ✓ │ ⋮ │ │
│ │ 7 │ Edward Black │ 6.2 │ A Division │ Dec 4 14:30│ ✓ │ ⋮ │ │
│ │ ... │ ... │ ... │ ... │ ... │ ... │ ...│ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ Showing 1-20 of 42 [◀ Prev] [1] [2] [3] [▶ Next]│
│ │
│ ┌─────────────────────────────────────────────────────────────────────────┐│
│ │ [↑ Import from CSV] [↑ Sync from Tee Sheet] ││
│ └─────────────────────────────────────────────────────────────────────────┘│
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • WD = Withdrawn (shown in different color)
  • Action menu (⋮) for edit, withdraw, view profile
  • Bulk import options at bottom

Wireframe 10: Add Entry Drawer

┌─────────────────────────────────────────────────────────────────────────────┐
│ Add Entry [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Search Player │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ 🔍 Type name or membership number... │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Search Results │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ ○ John Smith │ HCP 8.4 │ M123456 │ Member │ GolfRSA │ │
│ │ ○ John Smithson │ HCP 15.2 │ M789012 │ Member │ GolfRSA │ │
│ │ ● John Smith Jr │ HCP 4.2 │ M345678 │ Junior │ GolfRSA │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ ─── OR Add Guest ─── │
│ │
│ Guest Name: ┌─────────────────────────────────────────────────┐ │
│ │ │ │
│ └─────────────────────────────────────────────────┘ │
│ Handicap: ┌─────────────┐ │
│ │ 18.0 │ (Manual entry for guests) │
│ └─────────────┘ │
│ │
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Division: ┌─────────────────────────────────────────────────┐ │
│ │ Auto-assign (based on handicap) ▼ │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ Link to Tee Time: ┌─────────────────────────────────────────┐ │
│ │ Select tee time (optional) ▼ │ │
│ └─────────────────────────────────────────┘ │
│ │
│ [Cancel] [Add Entry] │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Search existing members
  • Guest entry with manual handicap
  • Optional tee time linking

Wireframe 11: Team Entry Drawer (for Team Events)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Add Team Entry [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Team Name (Optional) │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ The Hackers │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Team Members (4BBB - 2 players required) │
│ │
│ Player 1 (Captain) * │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ 🔍 John Smith HCP 8.4 │ ✓ Selected │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Player 2 * │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ 🔍 Jane Doe HCP 12.1│ ✓ Selected │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Team Handicap │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ Combined: 20.5 │ Playing (85%): 17 │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Division: ┌─────────────────────────────────────────────────┐ │
│ │ Auto-assign (based on team handicap) ▼ │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ [Cancel] [Add Team] │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Team size from competition config
  • Auto-calculated team handicap
  • Division based on combined handicap

Wireframe 12: Draw Generation Panel

┌─────────────────────────────────────────────────────────────────────────────┐
│ Monthly Medal - December [OPEN] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Draw Settings [Generate Draw] │
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Draw Type │
│ ● Random - Shuffle entries randomly │
│ ○ Handicap Order - Group by similar handicaps │
│ ○ Seeded - Use custom seed order │
│ ○ Tee Time Order - Use linked tee sheet bookings │
│ │
│ Group Size: ┌────────┐ First Tee Time: ┌──────────┐ │
│ │ 4 ▼ │ │ 07:00 ▼ │ │
│ └────────┘ └──────────┘ │
│ │
│ Interval: ┌────────┐ Last group estimate: 10:24 │
│ │ 8 min▼ │ (11 groups × 8 min) │
│ └────────┘ │
│ │
│ Preview │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Group 1 │ 07:00 │ J. Smith (8.4), J. Doe (12.1), B. Wilson (15.7)...│ │
│ │ Group 2 │ 07:08 │ A. Brown (22.3), C. Green (28.5), D. White (18.2).│ │
│ │ Group 3 │ 07:16 │ E. Black (6.2), F. Gray (9.1), G. Red (11.5)... │ │
│ │ ... │ ... │ ... │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ ☐ Notify players of draw via email │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Live preview updates as settings change
  • Time estimate for last group
  • Optional email notification

Wireframe 13: Draw View & Manual Adjustments

┌─────────────────────────────────────────────────────────────────────────────┐
│ Monthly Medal - December [IN PROGRESS] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Draw (Generated) [🔄 Regenerate] [🔒 Lock Draw] [📄 PDF]│
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Time │ Grp │ Players │ Actions│ │
│ │───────┼─────┼────────────────────────────────────────────────┼────────│ │
│ │ 07:00 │ 1 │ J. Smith (8.4) │ [≡] │ │
│ │ │ │ J. Doe (12.1) │ │ │
│ │ │ │ B. Wilson (15.7) │ │ │
│ │ │ │ A. Brown (22.3) │ │ │
│ │───────┼─────┼────────────────────────────────────────────────┼────────│ │
│ │ 07:08 │ 2 │ C. Green (28.5) │ [≡] │ │
│ │ │ │ D. White (18.2) │ │ │
│ │ │ │ E. Black (6.2) │ │ │
│ │ │ │ F. Gray (9.1) │ │ │
│ │───────┼─────┼────────────────────────────────────────────────┼────────│ │
│ │ 07:16 │ 3 │ G. Red (11.5) │ [≡] │ │
│ │ │ │ H. Blue (14.8) │ │ │
│ │ │ │ I. Orange (19.2) │ │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────────┐│
│ │ 💡 Drag players to swap groups, or use [≡] menu for swap/move options ││
│ └─────────────────────────────────────────────────────────────────────────┘│
│ │
│ [+ Add Late Entry to Group] │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Drag-and-drop player swap
  • Action menu for move to specific group
  • Lock draw prevents further changes

Wireframe 14: Shotgun Start Draw

┌─────────────────────────────────────────────────────────────────────────────┐
│ Christmas Scramble [OPEN] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Shotgun Draw │
│ Start Time: 08:00 [Generate Draw] [🔒 Lock] │
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Course Layout │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ [1] ●────●────● [2] [10] ●────●────● [11] │ │
│ │ Team A ↑ Team F │ │
│ │ OUT │ │
│ │ [3] ●────●────● [4] [12] ●────●────● [13] │ │
│ │ Team B Team G │ │
│ │ │ │
│ │ [5] ●────●────● [6] [14] ●────●────● [15] │ │
│ │ Team C Team H │ │
│ │ │ │
│ │ [7] ●────●────● [8] [16] ●────●────● [17] │ │
│ │ Team D Team I │ │
│ │ │ │
│ │ [9] ●────●────● [18] ●────●────● │ │
│ │ Team E Team J │ │
│ │ │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ Starting Holes │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Hole │ Team │ Players │ │
│ │──────┼────────────────┼──────────────────────────────────────────────│ │
│ │ 1 │ The Hackers │ J. Smith, J. Doe, B. Wilson, A. Brown │ │
│ │ 2 │ Fore! Seasons │ C. Green, D. White, E. Black, F. Gray │ │
│ │ ... │ ... │ ... │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Visual course map showing starting holes
  • All groups start at 08:00
  • Team name display for team events

Wireframe 15: Scoring Console - Grid View

┌─────────────────────────────────────────────────────────────────────────────┐
│ Monthly Medal - December [IN PROGRESS] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Scoring Console [Grid View] [Cards] │
│ Round 1 · 42 players · 28 completed [↻ Refresh] │
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Filter: [All Status ▼] Search: [🔍 ] │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ │ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │OUT│10 │...│Tot│Pts│ │
│ │─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───┼───┼───┼───┼───│ │
│ │Par │ 4 │ 3 │ 5 │ 4 │ 4 │ 3 │ 4 │ 5 │ 4 │ 36│ 4 │...│ 72│ │ │
│ │─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───┼───┼───┼───┼───│ │
│ │Smith│ 4 │ 3 │ 6 │ 5 │ 4 │ 3 │ 5 │ 5 │ 4 │ 39│ 4 │...│ 78│ 38│ ✓ │
│ │Doe │ 5 │ 4 │ 5 │ 4 │ 5 │ 2 │ 4 │ 6 │ 5 │ 40│ 5 │...│ 80│ 36│ ✓ │
│ │Wilson│ 5 │ 4 │ 7 │ 5 │ 5 │ 4 │ 5 │ 6 │ 5 │ 46│ 5 │...│ │ 24│ ◐ │
│ │Brown│ · │ · │ · │ · │ · │ · │ · │ · │ · │ · │ · │...│ │ │ ○ │
│ │Green│ 4 │ 3 │ 5 │ 4 │ 4 │ 3 │ 4 │ 5 │ · │ │ │...│ │ 18│ ◐ │
│ │─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───┼───┼───┼───┼───│ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ Status: ○ Pending ◐ In Progress ✓ Complete ⚠ Needs Review │
│ │
│ [Click player name to open scorecard] │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Compact grid for quick overview
  • Color-coded cells (bogey=light, birdie=green, etc.)
  • Click player to open full scorecard

Wireframe 16: Individual Scorecard Entry

┌─────────────────────────────────────────────────────────────────────────────┐
│ Scorecard: John Smith [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ John Smith · Handicap: 8.4 · Course Handicap: 9 · Playing: 9 │
│ Status: [IN PROGRESS ◐] │
│ │
│ Out Nine │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Hole │ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ OUT │ │ │
│ │──────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────│ │ │
│ │ Par │ 4 │ 3 │ 5 │ 4 │ 4 │ 3 │ 4 │ 5 │ 4 │ 36 │ │ │
│ │ SI │ 7 │ 15 │ 1 │ 11 │ 3 │ 17 │ 9 │ 5 │ 13 │ │ │ │
│ │──────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────│ │ │
│ │Gross │ [4] │ [3] │ [6] │ [5] │ [4] │ [3] │ [5] │ [5] │ [4] │ 39 │ │ │
│ │ Net │ 3 │ 3 │ 5 │ 4 │ 3 │ 3 │ 4 │ 4 │ 4 │ 33 │ │ │
│ │ Pts │ 3 │ 2 │ 2 │ 2 │ 3 │ 2 │ 2 │ 3 │ 2 │ 21 │ │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ In Nine │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Hole │ 10 │ 11 │ 12 │ 13 │ 14 │ 15 │ 16 │ 17 │ 18 │ IN │TOT│ │
│ │──────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼───│ │
│ │ Par │ 4 │ 4 │ 3 │ 5 │ 4 │ 4 │ 3 │ 5 │ 4 │ 36 │72 │ │
│ │ SI │ 8 │ 4 │ 16 │ 2 │ 12 │ 6 │ 18 │ 10 │ 14 │ │ │ │
│ │──────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼─────┼───│ │
│ │Gross │ [4] │ [5] │ [3] │ [6] │ [ ] │ [ ] │ [ ] │ [ ] │ [ ] │ │ │ │
│ │ Net │ 3 │ 4 │ 3 │ 5 │ │ │ │ │ │ │ │ │
│ │ Pts │ 3 │ 2 │ 2 │ 2 │ │ │ │ │ │ 9 │30 │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ Running Total: 30 points thru 13 holes │
│ │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ [← Previous Player] [Save] [Attest ✓] [NR on Hole] [Next Player →]│ │
│ └────────────────────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Stroke index shows where strokes received
  • Auto-calculated net and points
  • Navigate between players with arrows
  • NR button for No Return on hole

Wireframe 17: Live Leaderboard

┌─────────────────────────────────────────────────────────────────────────────┐
│ Monthly Medal - December [IN PROGRESS] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Live Leaderboard Last update: 2 min ago [↻ Refresh]│
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Division: [All ▼] [📺 Projector Mode] [📄 Export CSV] │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Pos │ Player │ HCP │ Division │ Thru │ Total │ ▲▼ │ │
│ │─────┼─────────────────┼──────┼────────────┼──────┼───────┼──────────│ │
│ │ 1 │ John Smith │ 8.4 │ A Division │ F │ 38 │ ▲2 │ │
│ │ 2 │ Edward Black │ 6.2 │ A Division │ F │ 37 │ ─ │ │
│ │ T3 │ Jane Doe │ 12.1 │ A Division │ F │ 36 │ ▼1 │ │
│ │ T3 │ George Red │ 11.5 │ A Division │ F │ 36 │ ▲3 │ │
│ │ 5 │ Frank Gray │ 9.1 │ A Division │ 16 │ 34 │ ─ │ │
│ │ 6 │ Diana White │ 18.2 │ Ladies │ F │ 34 │ ▲1 │ │
│ │ 7 │ Bob Wilson │ 15.7 │ B Division │ 15 │ 32 │ ▼2 │ │
│ │ 8 │ Alice Brown │ 22.3 │ B Division │ 14 │ 30 │ ─ │ │
│ │ ... │ ... │ ... │ ... │ ... │ ... │ ... │ │
│ │ WD │ Charlie Green │ 28.5 │ C Division │ - │ - │ │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ T = Tied F = Finished WD = Withdrawn │
│ ▲▼ = Position change since last update │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Position changes highlighted
  • T prefix for ties
  • Thru column shows holes completed
  • Projector mode for large display

Wireframe 18: Results & Finalization

┌─────────────────────────────────────────────────────────────────────────────┐
│ Monthly Medal - December [COMPLETED] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Draw] [Scoring] [Leaderboard] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Final Results [📄 PDF] [📊 CSV] │
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Competition Stats │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ 42 │ │ 38 │ │ 33.2 │ │ 72.3 │ │
│ │ Entries │ │ Completed │ │ Avg Points │ │ CSS │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
│ Prize Winners [Assign Prizes] │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Position │ Player │ Score │ Prize │ Value │ │
│ │──────────┼─────────────────┼───────┼───────────────────┼────────────│ │
│ │ 1st │ John Smith │ 38 │ Winner │ R 500 │ │
│ │ 2nd │ Edward Black │ 37 │ Runner-up │ R 300 │ │
│ │ 3rd │ Jane Doe* │ 36 │ 3rd Place │ R 200 │ │
│ │──────────┼─────────────────┼───────┼───────────────────┼────────────│ │
│ │ A Div │ George Red │ 36 │ A Division Winner │ R 150 │ │
│ │ B Div │ Bob Wilson │ 32 │ B Division Winner │ R 150 │ │
│ │ Ladies │ Diana White │ 34 │ Ladies Winner │ R 150 │ │
│ │──────────┼─────────────────┼───────┼───────────────────┼────────────│ │
│ │ NTP #7 │ Frank Gray │ 1.2m │ Nearest Pin │ R 50 │ │
│ │ LD #12 │ Edward Black │ 285m │ Longest Drive │ R 50 │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ * Won on countback (Back 9: 20 vs 19) │
│ │
│ Handicap Posting │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ Status: ✓ 38 scores posted to GolfRSA │ │
│ │ Posted: 2025-12-14 16:45 │ │
│ │ [View Posting Report] │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Stats summary at top
  • Countback explanation for ties
  • Handicap posting status
  • Prize assignment interface

Wireframe 19: Matchplay Bracket View

┌─────────────────────────────────────────────────────────────────────────────┐
│ Club Championship Matchplay [IN PROGRESS] ● │
├─────────────────────────────────────────────────────────────────────────────┤
│ [Overview] [Entries] [Bracket] [Matches] [Results] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Bracket (16 players) [Full Screen] [📄 Print] │
│ ───────────────────────────────────────────────────────────────────────── │
│ │
│ Round 1 Quarter Finals Semi Finals Final │
│ ┌───────────┐ │
│ │ #1 Smith │─┐ │
│ │ 3&2 │ │ │
│ │ #16 Jones │─┘ ┌───────────┐ │
│ │ │───▶│ #1 Smith │─┐ │
│ │ #8 Wilson │─┐ │ 2&1 │ │ │
│ │ 1 UP │ │ │ #8 Wilson │─┘ ┌───────────┐ │
│ │ #9 Brown │─┘ └───────────┘───▶│ #1 Smith │─┐ │
│ └───────────┘ │ 19th │ │ │
│ ┌───────────┐ │ #4 Black │─┘ ┌───────────┐ │
│ │ #4 Black │─┐ └───────────┘───▶│ │ │
│ │ 5&4 │ │ │ FINAL │ │
│ │ #13 White │─┘ ┌───────────┐ │ │ │
│ │ │───▶│ #4 Black │─┐ │ #1 Smith │ │
│ │ #5 Green │─┐ │ 4&3 │ │ │ vs │ │
│ │ 2&1 │ │ │ #5 Green │─┘ │ #2 Doe │ │
│ │ #12 Gray │─┘ └───────────┘ │ │ │
│ └───────────┘ │ Dec 28 │ │
│ │ 08:00 │ │
│ ... (bottom half of bracket) ... └───────────┘ │
│ │
│ [Record Match Result] │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Interactive bracket visualization
  • Click match to record result
  • Seed numbers shown (#1, #2, etc.)
  • Match results displayed (3&2, 1 UP, etc.)

Wireframe 20: Match Scoring (Hole-by-Hole)

┌─────────────────────────────────────────────────────────────────────────────┐
│ Record Match: Smith vs Doe [X] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Semi Final · Handicap Strokes: Smith receives 3 │
│ │
│ Match Status: [2 UP - Smith] │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │Hole│ Par │ SI │ Smith │ Doe │ Net Smith │ Net Doe │ Result │ State │ │
│ │────┼─────┼─────┼───────┼──────┼───────────┼─────────┼────────┼───────│ │
│ │ 1 │ 4 │ 7 │ [4] │ [5] │ 4 │ 5 │ ● │ 1 UP │ │
│ │ 2 │ 3 │ 15 │ [3] │ [3] │ 3 │ 3 │ ○ │ 1 UP │ │
│ │ 3 │ 5 │ 1* │ [5] │ [6] │ 4 │ 6 │ ● │ 2 UP │ │
│ │ 4 │ 4 │ 11 │ [5] │ [5] │ 5 │ 5 │ ○ │ 2 UP │ │
│ │ 5 │ 4 │ 3* │ [4] │ [4] │ 3 │ 4 │ ● │ 3 UP │ │
│ │ 6 │ 3 │ 17 │ [4] │ [3] │ 4 │ 3 │ ● │ 2 UP │ │
│ │ 7 │ 4 │ 9* │ [ ] │ [ ] │ │ │ │ │ │
│ │ ...│ ... │ ... │ ... │ ... │ ... │ ... │ ... │ ... │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ * = Stroke received by Smith │
│ ● = Hole won by Smith ○ = Halved ● = Hole won by Doe │
│ │
│ Quick Entry: Smith won hole [ ] Doe won hole [ ] Halved [ ] │
│ │
│ ┌────────────────────────────────────────────────────────────────────────┐ │
│ │ [Concede Match] [Save Progress] [Complete Match: Smith wins 3&2] │ │
│ └────────────────────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────────────┘

Annotations:

  • Stroke allocation marked with asterisk
  • Running match state after each hole
  • Quick entry for hole-by-hole without scores
  • Auto-detect match end (e.g., 3&2)

Component Reference

Status Badges

[DRAFT]       - Gray background
[OPEN] - Green background
[IN PROGRESS] - Blue background
[COMPLETED] - Purple background
[CANCELLED] - Red background

Scorecard Cell Colors

Eagle or better  - Gold background
Birdie - Light green
Par - White
Bogey - Light red
Double+ - Red
No Return - Gray with "NR"

Position Indicators

1st, 2nd, 3rd    - Medal icons (🥇🥈🥉)
T1, T2, T3 - "T" prefix for ties
WD - Withdrawn (gray)
DQ - Disqualified (red)

Responsive Breakpoints

BreakpointBehavior
Desktop (≥1200px)Full layout with side-by-side panels
Tablet (768-1199px)Stacked panels, condensed tables
Mobile (≤767px)Single column, card-based views

Mobile Adaptations

  • Scorecard: Swipe between front/back nine
  • Leaderboard: Horizontal scroll for columns
  • Bracket: Pinch-zoom, focused round view
  • Draw: Collapsible group cards

Revision History

DateAuthorChanges
2025-12-09Rudi HaarhoffInitial wireframes (20 screens)