Frozen arena companion
0
main sections
0
preview screens
0
% sports mood
Hockey schedule, favorite players, team stats, and game details in one stylish landing page
Champion Hockey Ua brings match schedule tracking, player bios, favorite tabs, team comparisons, and settings into a polished hockey-inspired mobile experience with deep blue visuals and layered motion.
LIVE
Pittsburg vs Anaheim · 19:00 · Madison Square Garden
Tampa Bay vs Colorado · 20:00 · TD Garden
Players, favorites, schedules, stats and settings
Pittsburg vs Anaheim · 19:00 · Madison Square Garden
Tampa Bay vs Colorado · 20:00 · TD Garden
Landing structure
Built around the strongest hockey app flows
The page keeps the same product logic from the app: matches, player cards, favorites, and settings, but turns it into a more expensive and animated promo website.
🏒
Match schedule
Upcoming games, date slider feeling, arena details, favorite toggles, and glass-style cards for a premium sports look.
📊
Game details
Team comparison blocks, quick stats, match meta, location, and clean information layout for hockey fans.
⭐
Favorites
Split views for favorite matches and players, designed as a neat mobile workflow that feels real and easy to navigate.
⚙️
Settings
Notification toggle, share action, clear data actions, and dark sport utility styling to complete the product feel.
Main promo block
Hero is more cinematic, deeper, and more dynamic
I kept the hockey mood, but made the site stronger with layered background effects, floating devices, subtle parallax, neon blue accents, stronger CTA separation, and animated stat cards.
- sticky transparent header
- live ticker strip
- screen lightbox preview
- tilt hover and reveal animations
- smooth section transitions
Upcoming
⏰ 20:00
Tampa Bay
Lightning
VS
Colorado
Avalanche
TD Garden
Boston, MA
Players section
Popular hockey players presented in a clean mobile-first way
Player cards and biography pages are strong visual content for a landing page, so they are shown here as feature highlights and preview screens.
Player list
From list to profile in one tap
The app shows quick player discovery, clear team labels, short bios, and favorite actions without clutter.
Player bio
Stats-first profile card
Hero photo, team label, career info, biography and stat blocks make the player profile feel complete and premium.
Interactive preview
Switch through the app highlights
Favorites for matches and players
The favorites flow is split into two useful tabs and makes the product feel personal instead of static.
- separate match and player favorites
- clean tabs with underline animation
- glass panels over sports background
Utility screen with strong dark card style
Settings pages often look boring, but here they help sell the app with notification controls, sharing, and action buttons in a strong hockey mood.
- notification toggle
- share button
- clear data CTA
Schedule and match detail flow
The match schedule is one of the strongest visual parts of the app, so it is highlighted with big arena cards and hockey-themed overlays.
- date slider style layout
- upcoming match cards
- team statistics view
Launch-ready
Fast hockey landing page with stronger animation and optimization
The code is separated into HTML, CSS, JS and privacy page, responsive for mobile and desktop, with motion that looks rich but stays smooth.