Kick On

Fan predictions, player ratings & matchday live — multi-sport fan engagement

Prototype 10 core screens 4-tab nav 3 sports
Core app — 4-tab navigation

The canonical set. Events · My Teams · Leaderboard · Profile. All nav in these screens links to each other.

Home
Events — alt dark
Alternative Home · Dark Hero + Sport Modules
Dark canvas. Hero next-up event with full-bleed image, gradient overlay, live badge. Below: per-sport modules (NRL, EPL, A-League) with horizontal-scrolling event cards + talking point cards.
Latest Dark theme Hero event Sport modules
All Events
Events — universal
Universal Events Feed
"Your events" module at top with followed teams' matches. Below: chronological all-events feed across NRL, EPL, A-League. Sport labels on every card. Live, upcoming, recent sections.
Latest Your events module Cross-sport Chronological
Events
Events — Warriors only
Warriors Events Feed
Live now · Upcoming · Recent results. Event cards with phase pills, team logos, action chips. Warriors badge image for NZW. Season strip, live urgency strip.
Latest 4-tab nav Live cards Warriors badge
My Teams
My Teams — current
My Teams Hub
Team rail: Warriors (NRL), Arsenal (EPL), Auckland FC (A-League). Per-team hero header, quick-actions row, live/upcoming/recent event cards. Notification dots on chips.
Latest Team rail Multi-sport Quick actions
Ranks
Leaderboard — current
Leaderboard · Overall + Per-team
Overall tab: universal rank, total kudos across all teams, team breakdown. Per-team tabs: Warriors, Arsenal, Auckland FC with podium, rank list, period filter.
Latest Overall + Teams Podium Period filter
Fan Card
Profile — current
Profile · Overall + Per-team Tabs
Overall tab: total kudos, best rank, achievements, team performance cards. Per-team tabs: Warriors, Arsenal, Auckland FC with stats, prediction record, mini leaderboard.
Latest Multi-team Achievements Team stats
NZW
Team home — member
Warriors Team Hub (Member)
Team page for logged-in users. Hero with personalized stats (wins, avg rating, predict %, kudos). Next match, results, ratings, predictions, ladder, news, activity feed, leaderboard peek.
Latest Member state Personalized Team content
NZW
Team home — guest
Warriors Team Hub (Guest)
Same team hub for non-logged-in users. Hero shows join promo instead of stats. Predictions and ratings locked behind sign-up CTAs. No activity feed or leaderboard.
Guest state Sign-up CTA Locked features
Event page
NZW 12 – 18 BNE
Event page — current
NZ Warriors v Brisbane Broncos · Live
Dark sticky match-state header with score, clock. Inner tabs: Overview, Predict, Rate, Talk. Condensed title bar on scroll. Live blog, build-up articles, player ratings, predictions.
Latest Live 4 inner tabs Overview / Predict / Rate / Talk
8
Ratings flow — current
Immersive Player Rating Flow
Full-screen dark canvas. One player at a time with 96px rating number, slider, optional verdict. Skip any player. Exit anytime. "I'm done" appears after 3 ratings. Slide animation between players.
Latest Full-screen Skip / exit Min 3 ratings
Team homepage
NZW Home
Team homepage — logged in
Warriors Team Hub (Member)
Full team hub for logged-in users. Shows personalized stats (wins, avg rating, predict %, kudos), next match, results, ratings, predictions, ladder, news, activity feed, leaderboard peek.
Latest Member state Personalized stats All content types
NZW Home
Team homepage — guest
Warriors Team Hub (Guest)
Same team hub for non-logged-in users. Hero shows "Join free" promo instead of stats. Predictions and ratings are locked behind sign-up CTAs. No activity feed or leaderboard.
Guest state Sign-up CTA Locked features
Article reader
Warriors
unchanged 17
Article reader — current
Article Reader
Typographic hero, scroll progress bar, serif body, font-size control, share/save, related cards. 3 articles routed via ?id=. Back → Event page news tab.
Latest 3 articles Typographic hero Serif body
Immersive ratings
7
Immersive ratings — current
Full-screen Rating Experience
No nav, no event rail. Full dark canvas — just the player name, 96px team-colored rating number, slider, verdict field. Close/back top-right. Slide animation on submit. Completion screen with session stats.
Latest Full-screen dark Slide animation Completion screen
All versions — complete table of contents
Core app — 4-tab navigation (latest)
— home-alt.html Alternative home · dark hero event · per-sport modules · talking points Latest — home-universal.html Universal events feed · Your events module · cross-sport chronological · all teams Latest — 02-home.html Events feed · Warriors only · live/upcoming/recent · 4-tab nav Latest — my-teams.html My Teams hub · team rail · per-team events · quick actions · notification dots Latest — leaderboard.html Leaderboard · Overall + per-team · podium · rank list · period filter Latest — 07-profile.html Profile · Overall + per-team tabs · achievements · team performance · mini leaderboards Latest — team-home.html Warriors Team Hub · member state · personalized stats · next match · results · ratings · ladder · news Latest — team-home-guest.html Warriors Team Hub · guest state · join promo · locked predictions/ratings · no activity/leaderboard Guest
Event page + ratings flow
03 03-event.html Warriors v Broncos · live · Overview/Predict/Rate/Talk tabs · condensed title on scroll Latest — ratings-immersive-flow.html Immersive rating flow · full-screen · one player at a time · skip/exit · min 3 Latest — ratings-flow.html List-based rating flow · all players visible · sliders in rows Archived
Article reader
— article-reader.html Typographic hero · serif body · font-size control · 3 articles via ?id= Latest
Team homepage
— team-home.html Warriors Hub · member state · personalized stats · all content aggregated Latest — team-home-guest.html Warriors Hub · guest state · join promo · locked predictions/ratings Guest
Immersive ratings
— ratings-immersive.html Full-screen dark rating experience — no nav Latest
Archived — multi-sport single rail (superseded by core app)
— matches-multisport-singletab.html Single chronological tab rail · all sports · My teams filter Archived — predictions-multisport-singletab.html Single rail · question cards · sticky event title Archived — ratings-multisport-singletab.html Single rail · team-colored · fan verdicts · sticky event title Archived V4 profile-multisport-v4.html Fan card hero · quiet team bands · allegiance stripe Archived
Archived — older explorations
— matches-multisport.html Sport-selector tier + per-sport event rails Archived — matches-multievent.html Multi-event tab pattern — early exploration Archived — predictions-multisport.html Sport-selector tier + per-sport predictions Archived — predictions-multievent.html Multi-event tab — early exploration Archived — ratings-multisport.html Sport-selector tier + per-sport ratings Archived — ratings-multievent.html Multi-event tab — early exploration Archived V3 profile-multisport-v3.html Vertical scroll · sticky tinted band headers · jump TOC Archived V2 profile-multisport-v2.html Summary dashboard · accordion team cards · drill-in Archived V1 profile-multisport-v1.html Swipe between team pages · tab rail Archived 01 01-onboarding.html Sign up · allegiance declaration · neutral lean · rate-limited commitment flow Archived 04 04-predictions.html Original single-event predictions flow Archived 05 05-ratings.html Original single-event ratings flow Archived 06 06-post-match.html Post-match summary · predictions scored · fan verdicts · kudos earned Archived