Back to People
Design deliverable — Screen 4

The Validation Moment

The soul of the product. Four states shown in sequence — click through the interactive demo or read the annotations below each state.

State 1 of 4
Rookie list — completed card
The moment Marcus's Week 4 is marked complete, his row in the rookie list transforms — pulsing indigo border, inverted status pill, a Validate button always-visible. It doesn't look like a row update. It looks like a notification.
Name Progress Sessions Last seen Actions
SO
Sarah O'Brien
Week 3 · 8 sessions
Week 3 / 4
8
2 days ago
MW
Marcus Williams
4 weeks done · ready to validate
Completed ✦
12
Today
RP
Ravi Patel
Stuck on Week 2 — 18 days
Week 2 / 4
5
12 days ago
FL
Fatima Larbi
Week 2 · 4 sessions
Week 2 / 4
4
4 days ago
State 2 of 4
The validation modal
The modal summarises the journey before the coach commits: weeks, sessions, medical status. The primary CTA is large and confident — this action is irreversible and should feel significant, not casual.

↑ Interactive — click "Validate as Active" to experience the celebration moment

State 3 of 4
The celebration moment
Validation confirmed. The toast is immediate — large, satisfying, indigo. Staff know it worked. The confetti is brief and tasteful — this is a professional tool, not a game. The validated card in the list switches to the Active pill.
Marcus Williams is now an Active Player
7 weeks from first message to active squad member. He'll see his new status the next time he opens the portal.
Welcome Marcus to the squad! 🎉
State 4 of 4
Player portal — post-validation view (Marcus's perspective)
The next time Marcus opens the portal, the entire UI reflects his new status. The coral hero now reads "Active Player." The rookie path is gone — replaced by his squad information and next match. This feels like a meaningful change, not a field flipping.
') no-repeat center; background-size: cover; pointer-events: none;">
Active Player
You're in, Marcus! 🏉
Coach Mike confirmed you as an active player today. Welcome to the squad — see you Thursday.
12
Sessions you trained as a rookie
That's commitment. Welcome to Riverside TRC.
You're now a full member of the squad. Your kit number will be confirmed before the next match day.
Next session — Thursday 8 May, 7pm
Riverside Park, West Pitch · Full squad session · Bring your gumshield
One thing left
Add your emergency contact — Coach Mike mentioned it before your next session.
Welcome Marcus to the squad! 🎉