SmashDay · UX redesign prototype

Clubhouse & Floodlight

A complete, clickable redesign of every screen — pure HTML, realistic data, no backend. The app lives on daylight paper; it goes dark and floodlit only where something is live: courtside scoring and the public live scoreboard.

How to drive it: the UX ▸ button (bottom-right of every page) switches the role you are viewing as, the sync state, and each screen's states. Navigation, refusals, and the shell all follow the role — try opening Money as a Player.

1 · Getting in

the doors

Landingfirst visit returningpublic

Start a tournamentname it save this link unfinished attemptpublic

Claim a linkoffered granted taken revoked network brokepublic

My tournamentseveryone

2 · The public surface

no login, nothing personal

Tournament pagefresh can't reach serveranyone with the code

Ask to joinform waiting approved closedanyone

3 · Running it

organizer's desk

Homesetting up runningdesk roles

Setuporganizer

Skill levelsempty the scaleorganizer

Grade playersorganizer + referee

The tiegrades first five matchesorganizer

Teamsthe eight fill them draft nightorganizer

Playersdesk roles

Requeststhree waiting emptyorganizer

Creworganizer

4 · Match day

the floodlit part

Fixtureseveryone

The tie sheeteveryone

Courtside scoringmid-game game point match over no lineupreferee + organizer

On court designed ahead of buildreferee

Tableeveryone

Timesmissing courts worked outeveryone

My matchesplayer + captain

5 · Money & care

the books

Moneycollect expensesorganizer + treasurer

What I owe designed ahead of buildplayer

Backuporganizer only

Your accesseveryone

6 · The system itself

Style guideevery primitive, once

Design rationalewhy it looks like this