← All work
UX / UI Design Creator Content · Strategy FanCode · Dream Sports
When no match is live, why open the app?

A creator engine
for the quiet weeks

Between tier-1 tournaments, FanCode went quiet — and so did its users. Channels is a curated platform where niche sports creators publish exclusive content, giving fans a reason to keep coming back even when nothing big is being streamed.

3
Video formats — Live, 9:16 short & 16:9 long-form
4
Business goals tied to one surface
10+
Content genres curated for sports fans

A content surface to defend lean periods

FanCode is India's multi-sport streaming platform. Its problem was structural: when no major tournament was being streamed, content supply dried up, and DAU, WAU and time-spent fell with it. Channels was the answer — a platform where a curated list of sports creators publish professionally produced content (analysis, fantasy tips, behind-the-scenes, watch-alongs) to FanCode's huge existing fan audience.

My Role
UX / UI Designer
Timeline
July 2023 – September 2023
Scope
Strategy → behaviour model → IA → UX flows → final UI
Lens
UX principles — Hooked model & Jacob's Law
Content types
Livestreams · portrait shorts · landscape long-form
Audience
FanCode's existing sports-fan base

A streaming app with nothing to stream

FanCode's whole rhythm is tied to the sporting calendar. The gaps between tier-1 and tier-2 tournaments left the platform with a low content supply — and during these periods the core engagement metrics fell off a cliff.

DAU

Daily actives dropped sharply in the windows between major tournaments.

WAU

Weekly actives followed the same pattern — fans simply had no reason to return.

Time

Time spent per user fell, weakening the habit that live sport builds.

The bet

Engage fans through professionally generated content from niche sports creators. Curate a roster of creators, give them a home inside FanCode, and turn the quiet weeks into a steady stream of relevant sports content — opening new revenue and reducing churn at the same time.

One surface, four outcomes

Channels wasn't a vanity content feed — it was scoped against four concrete business goals, each of which the design had to move.

👆

Increase engagement

Give fans something to interact with — creators, comments, live rooms — beyond passive match viewing.

⏱️

Increase time spent

An endless, relevant feed that keeps fans on the platform between matches.

Multiple revenue streams

Monetise content created by new creators — a fresh line beyond pass sales.

🛡️

Reduce churn

When no tier-1 & 2 live content is available, still give users a reason to open FanCode.

What fans get out of it

For the goals to land, the value to the fan had to be real. Channels gives the audience an exclusive, creator-led layer on top of live sport.

  • Exclusive, relevant video content from favourite creators
  • Engagement with creators in smaller, focused groups
  • Wider entertainment through a broader range of video options
  • Discovery — finding and following new creators in the sports niche

The content universe Channels had to carry:

Sports News Fantasy Tips Behind the Scenes Analysis Watch Alongs Controversies Commentary Match Previews

Designing for the habit, with the Hooked model

A content engine only works if it builds a habit. I mapped Channels onto Nir Eyal's Hooked canvas — Trigger → Action → Variable Reward → Investment — and tied each quadrant to a concrete psychological lever.

Trigger
Why they come back
A creator drops a new video every Friday; "part 2 is only on FanCode" — the Zeigarnik effect of an unfinished story.
Action
The easy next tap
Persuasive titles & thumbnails, "2-min" short content, live-viewer counts (social validation) and progress bars on partially-watched videos (endowed progress).
Variable Reward
The pull of the unknown
Livestream chats & audio rooms (reward of the tribe), deeper sports knowledge (reward of the self) and an infinite feed to hunt through (reward of the hunt).
Investment
Why they stay
Following & supporting creators, anticipation of future content, and a feed curated to their interests — stored value that grows with use.

Learning from where fans already watch

Creator-based video is everywhere — so rather than reinvent patterns, I audited how the biggest players present it, and pulled out the conventions fans already expect.

TwitchNebulaVimeo RecastRooterYouTubeLoco

Patterns worth keeping

  • Endless scrolling list of videos
  • Autoplaying videos in-feed
  • Occasional rails for supplementary content
  • Creator profiles with a profile pic & cover
  • Recommendations below the player
Common creator-video layout patterns
Pattern teardown — the recurring feed, rail and recommendation layouts pulled from those platforms.

Build on muscle memory, not against it

Fans spend most of their time on other apps, so they expect Channels to work the way those apps already do. Leveraging those existing mental models let users focus on the content, not on learning a new interface.

Unfamiliar versus familiar layout
Jacob's Law in practice — rejecting the unfamiliar layout (✕) for the conventional one (✓) fans already know.

Three formats, one feed

Sports content doesn't come in one shape. Channels had to host everything from a vertical highlight to a full-length breakdown to a live show — so the player and feed were built around three supported content types.

Live
Variable aspect ratio
Livestreams that adapt to whatever the creator broadcasts.
9:16
Portrait shorts
Fast, snackable vertical video for the in-feed scroll.
16:9
Landscape long-form
Analysis, watch-alongs and deep-dives in full landscape.

The player & the feed, shipped

The video player was designed across every mode — live chat alongside a stream, a portrait short with a follow prompt, a landscape player with playlists and recommendations below.

Live player with chatLive · chat
Portrait video playerPortrait short
Creator follow on playerCreator · follow
Landscape player with playlist
Landscape mode — full-width player with playlist & up-next below.

The Channels surface, end to end

From the entry feed and creator-explore rails to profiles, trending and the watch experience — the full set of screens that make Channels feel like a home, not a tab.

Full set of FanCode Channels screens
Final UI — the complete Channels experience: feed, explore, creator profiles, trending and the in-context video pages.

What this project taught me

🧠

Behaviour models are design tools. Mapping Channels onto the Hooked canvas turned a vague "keep users engaged" brief into specific, buildable mechanics.

🪞

Familiarity is a feature. Leaning on Jacob's Law and proven creator-video patterns meant fans could use a brand-new surface with zero learning curve.

📅

Design for the gaps. The most valuable surface isn't the one for your peak moment — it's the one that holds users through the quiet weeks.

Behaviour Design Content Strategy Creator Platforms Video UX Information Architecture Hooked Model Jacob's Law
Next Case Study
FanCode Search — Finding anything, fast