Top End Pro-Am Basketball League
From scrolling to suited up: a league site plus a companion web app, Top End Runs, that lets Jacksonville hoopers find a run, lock in a spot and see who's playing.
Top End Pro-Am runs organized basketball runs and a league community in Jacksonville under the banner "Basketball. Community. Culture." Players can come solo or bring a full five, and the organizers needed registration, payment and rosters in one place.
The site had to hype a culture and run a booking system at the same time. It needed the energy of a sports brand and the clarity of a product, on the phones players actually use, with no app to download.
The league site: topendproam.com
"The city knows the game." A culture-first homepage with action photography, a three-step how-it-works row, a community section and a straight-answer FAQ. Every call to action leads into the web app.
The web app: runs.topendproam.com
Top End Runs, a browser-based companion app ("Good hoops. Better company.") that works on phone, tablet or desktop with nothing to download.
Open runs
Upcoming runs listed with date, tip-off time in Eastern, gym and spots left, so players can pick a night at a glance.
Lock in your spot
A short booking dialog: book solo for $11 or a full five for $55, enter a name and email, then continue to secure checkout.
Who's playing
Confirmed rosters visible to signed-in players, showing only names and photos. Email and payment details stay private.
My runs and Profile
Accounts with a profile photo, sign-in and password reset, and a list of every run a player has booked.
Admin view
An organizer-only area with customer and registration history, so the league can run nights without spreadsheets.
Culture first, then the product
Big, confident headlines and action photography sell the community before the hub asks for a sign-up.
Booking without an account
Guests can book immediately. Accounts are an upgrade that unlocks profiles and rosters, not a wall.
Measurable from day one
Every "Find a Run" button is tagged by its location on the page, so the organizers can see which sections drive bookings.
The project.
The details.
