Portfolio / Mobalytics — Real-Time TFT Tracker Overlay for Live Streamers

Mobalytics — Real-Time TFT Tracker OverlayTFT Tracker Overlay

Company
Duration: 8 months
Team: 4 members
Product Domain: Gaming analytics SaaS

Quick project snapshot

We designed and built a customizable, auto-updating stat tracker overlay for Teamfight Tactics streamers — integrating live match data directly into broadcasts via OBS and Streamlabs with zero manual effort from the streamer


data refresh cycle: 0minutes
minutes setup time: <5
& Streamlabs compatibility: OBS
visual overlay themes: 0
specific widgets including augments, meta comps, and tier lists: TFT

What needed fixing

TFT streaming lacked a purpose-built, integrated system that could:

[ PROBLEM ]

Live in-stream data delivery
Provide real-time stats directly on stream without interrupting gameplay
TFT-specific analytics layer
Deliver augment success rates, meta compositions, and matchup insights
Automated data synchronization
Update stats in real time without manual streamer input
Viewer engagement optimization
Reduce repetitive chat questions by surfacing relevant information instantly
Organic growth mechanism
Drive platform traffic without relying on paid streamer integrations

Existing tools were generic and game-agnostic, forcing streamers to break flow or leave viewers without key data.

How we solved it

We built the overlay as a zero-friction, data-driven tool focused on real-time performance, streamer usability, and passive brand growth.

[ Key principles ]

[ 01 ]
Streamer-first workflow mapping
defined requirements from OBS setup to chat behavior
[ 02 ]
Serverless real-time architecture
AWS Lambda backend with WebSocket updates from Mobalytics API
[ 03 ]
Composable widget system
flexible modules instead of fixed layouts for streamer customization
[ 04 ]
Zero-friction onboarding
no account required, instant linking, and simple re-entry via magic links
[ 05 ]
Data-validated design
A/B testing via Amplitude to optimize widget behavior and visuals

What we aimed for

[ GOAL ]

We set out to build an overlay that was seamless to operate yet highly engaging for viewers:

[ GOAL ]

Automated stat updates
Eliminate manual in-stream sharing entirely
TFT-specific analytics advantage
Provide metrics unavailable in competing tools
Frictionless setup experience
Enable setup in under five minutes without accounts
Organic growth engine
Drive traffic to Mobalytics without paid streamer deals
Scalable widget system
Modular framework designed for long-term expansion

What we built

[ FEATURED CASES ]

Dynamic Stat Display

Game-specific advanced metrics dashboards

Auto-refreshing overlay pulling live data every three minutes
Rank, LP gains, match history, win/loss ratios, and top compositions
In-game progress metrics including gold and health thresholds
All data sourced directly from Mobalytics` API

RESULT

Viewers stay informed without the streamer lifting a finger

Streamer-First Layout & Theming

Compact, corner-positioned overlay that never conflicts with gameplay or sponsor placements
Four visual themes: Light, Dark, Transparent Background, and Mobalytics-branded style

RESULT

Seamless integration into any broadcast aesthetic

Live Streaming Integration

Twitch

YouTube

Kick

Real-time synchronization with match data
Unified viewing experience without platform switching

RESULT

Higher retention and live engagement

One-URL Setup for OBS & Streamlabs

Profile linking and widget selection in under five minutes
Unique browser-source URL — no plugins or extensions required
No account needed; future edits managed via magic link sent by email

RESULT

Lowest-friction setup of any overlay on the market

TFT-Specific Widget Library

Augment success rates and meta-composition analytics
Top compositions ranked by tier
Data points unavailable on any generic overlay

RESULT

Competitive differentiation built on depth, not just design

Subtle Mobalytics logo embedded in every overlay
Discreet "View Full Stats" link driving passive traffic throughout every stream

RESULT

Organic acquisition channel requiring zero paid endorsements

Dynamic Stat Display

Auto-refreshing overlay pulling live data every three minutes
Rank, LP gains, match history, win/loss ratios, and top compositions
In-game progress metrics including gold and health thresholds
All data sourced directly from Mobalytics` API

RESULT

Viewers stay informed without the streamer lifting a finger

Results

Business impact

Rapid streamer adoption driven by setup simplicity and demand

Reduced repetitive chat questions via on-screen live stats

Passive Mobalytics acquisition channel without paid promos

TFT-specific data advantage not available in competing overlays

[ Technical results ]

Sub-3-minute WebSocket refresh with no stream performance impact
Serverless AWS Lambda + CloudFront for global low-latency rendering
OBS/Streamlabs compatibility via browser source (no plugins)
A/B-tested widgets validated with real user behavior (Amplitude)
Lottie animations enabling smooth transitions without frame drops

Client's feedback

[ TESTIMONIAL ]

The team demonstrated a strong ability to work with complex, real-time data and turn it into clear, usable product features. They helped design and deliver systems that made gameplay data more accessible and valuable during live streams.

Bogdan Suchyk

Former CEO, Mobalytics

Team and tools

[ TEAM & TECH ]

Delivered by a cross-functional team of frontend and backend engineers, UI/UX designers, and analytics specialists with experience building real-time tools for live streaming environments.