The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
NEXUS ROSTER - Interactive Esports Broadcast UI
NEXUS ROSTER is a cinematic esports broadcast interface built entirely in Rive. It turns a fictional ten-player matchup into a responsive live-data experience with interactive roster cards, layered performance profiles, team-aware selection logic, sound feedback, and a triggerable broadcast event.
I built NEXUS ROSTER for the Rive Broadcast & Livestream UI Challenge.
The concept started with one question: what if roster data felt like part of the esports arena instead of a static overlay?
Viewers can scout ten fictional players, reveal roles through hover and sound feedback, select one active player per team, compare layered performance data, replace either selection, and trigger a live broadcast event that advances the score.
Built in Rive with:
‣ State machines and View Model data
‣ Team-aware selection logic and scripting
‣ Layered player-card motion
‣ Interactive hover, open, switch, and collapse states
‣ Audio Events and responsive SFX
‣ A reusable two-team broadcast system
All teams, players, names, statistics, and marks are fictional and were created specifically for this project.
As a Full-Stack Product Builder, I approached this as a product system-not only a motion piece. The interaction model, information hierarchy, reusable states, and feedback loops were designed to scale beyond this single matchup.
LinkedIn Post: https://www.linkedin.com/posts/debythm_rivebroadcastchallenge-rive-esports-ugcPost-7491726714671144960-oYBC
I would love to hear which interaction feels strongest.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Tool Finder Branding 🔎
Tool Finder helps users make informed buying decisions through honest software reviews, comparisons and educational content. I reimagined the brand across YouTube and the web, developing a cohesive identity that strengthens recognition, reflects its authority and creates a consistent presence across every digital touchpoint.
When Francesco first reached out, Tool Finder had never established a true brand identity. The goal was to create a scalable brand system that could evolve alongside the business as it continued to grow its YouTube channel, website and future ventures.
The identity needed to feel like a modern media brand rather than another software company. It had to balance playfulness and approachability with professionalism, while remaining distinctive in an increasingly competitive market.
The result is a flexible identity system centred around the new 'Finder' mascot. Designed to adapt across content, digital products and marketing, the brand gives Tool Finder the foundations to grow with confidence and establish itself as the go-to destination for discovering, comparing and exploring better software.
Great Work
I have been playing around with two different hero section directions for an architecture/real estate landing page, and I honestly can't decide which one nails the vibe better. Both use the same layout structure, but the typography and photography give them totally different personalities.
Design A: Bold, modern sans-serif headline paired with a warm, rustic cabin. Feels grounded, cozy, and confident.
Design B: Elegant serif headline over a sleek concrete-and-glass villa. Feels luxurious, editorial, and refined.
Which one speaks to you? and tell me why?
Your feedback genuinely shapes what I build next, so thank you in advance for taking a second to weigh in!
42 voted
49%
43 voted
51%
85 votes
Closed
both are looking good, hard to choose , still go with A
New case study is live: Archea - Architecture Studio Website 🥳
23 pages, 3 build phases, 4 homepage variations, all tied together with Tailwind variables for consistent spacing across every block and button.
Full case study is up now, link below. Let me know which homepage variation is your favorite 👇
Great job
