Kick On

Fan predictions, player ratings & matchday live — NZ Warriors · Auckland FC · Auckland Blues

Prototype 24 screens 3 sports
Current app — latest versions

The canonical set. All nav in these screens links to each other.

Matches
Matches — current
Matches · Multi-sport single rail
All events across NRL, Premier League, Super Rugby, Champions League in one chronological tab rail. My teams filter. Match phase panels.
Latest Single rail 3 sports Phase panels
Predict
Predictions — current
Predictions · Multi-sport single rail
One flat tab rail of events with predictions open, progress bar per chip. Question cards, phase tags, live leaderboard sidebar. Event title sticky.
Latest Single rail Sticky title Leaderboard
8
Ratings — current
Ratings · Multi-sport single rail
Own-team-only rating events. Live rating flow with team-colored slider, verdict, countdown. Post-match aggregated fan verdicts. Sticky event title.
Latest Single rail Team-colored Fan verdicts
Fan Card
Profile — current
Profile · Fan Card + Quiet Bands
Dark hero fan card with avatar, combined kudos, and three-team allegiance stripe. Below: quiet team sections with left-border color accent only. IntersectionObserver TOC scroll-spy.
Latest Dark hero Allegiance stripe SVG icons
Event page
NZW 12 – 18 BNE
Event page — current
NZ Warriors v Brisbane Broncos · Live
Dark sticky match-state header with score, clock, phase timeline. Tabs: Predictions, Ratings, Ranks, News. Condensed title bar on scroll. Match clock + countdown ticking. Latest News tab with live blog, build-up articles, article links.
Latest Live Scroll-hide nav News tab Live blog Official logos
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
Team homepage
NZW Home
Team homepage — current
Warriors Team Hub
Aggregates next match, results, ratings, predictions, ladder, news, fan activity, leaderboard. Guest state shows sign-up CTA with blurred predictions. Toggle button switches guest ↔ member view.
Latest Guest / member states Sign-up CTA All content types
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
Matches
— matches-multisport-singletab.html Single chronological tab rail · all sports · My teams filter Latest — matches-multisport.html Sport-selector tier + per-sport event rails Archived — matches-multievent.html Multi-event tab pattern — early exploration Archived 02 02-home.html Original match feed — match cards, phase pills Archived
Predictions
— predictions-multisport-singletab.html Single rail · question cards · sticky event title Latest — predictions-multisport.html Sport-selector tier + per-sport predictions Archived — predictions-multievent.html Multi-event tab — early exploration Archived 04 04-predictions.html Original single-event predictions flow Archived
Ratings
— ratings-multisport-singletab.html Single rail · team-colored · fan verdicts · sticky event title Latest — ratings-immersive.html Full-screen dark rating experience — no nav Latest — ratings-multisport.html Sport-selector tier + per-sport ratings Archived — ratings-multievent.html Multi-event tab — early exploration Archived 05 05-ratings.html Original single-event ratings flow Archived
Event page
03 03-event.html Warriors v Broncos · live · match header · predictions/ratings/ranks/news tabs · condensed title on scroll Latest
Article reader
— article-reader.html Typographic hero · serif body · font-size control · 3 articles via ?id= Latest
Team homepage
— team-home.html Warriors Hub · guest + member states · sign-up CTA · all content aggregated Latest
Profile
V4 profile-multisport-v4.html Fan card hero · quiet team bands · allegiance stripe · creative director + impeccable-polish pass Latest 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 07 07-profile.html Original single-team profile Archived
Original flow screens
01 01-onboarding.html Sign up · allegiance declaration · neutral lean · rate-limited commitment flow Archived 06 06-post-match.html Post-match summary · predictions scored · fan verdicts · kudos earned Archived