Portfolio / StreamAdvisor — Landing Page Design for a Streamer Collaboration Platform

StreamAdvisor — Landing Page Design for a StreamerDesign for a Streamer

Company
Duration: 4 months
Team: 4 members
Product Domain: SaaS onboarding & product clarity system

Quick project snapshot

We designed a high-performance landing page for StreamAdvisor — a platform connecting brands with streamers — focused on clearly communicating value to two different audiences while maintaining a strong, modern visual identity.


Dual-audience landing page (brands + streamers): 00
Motion-driven UI to improve engagement and perception: 00
Clear value communication for partnerships and monetization: 00
Fully responsive design across desktop and mobile: 00
Performance-optimized animations and interactions: 00

What needed fixing

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

[ PROBLEM ]

No landing page
Value proposition was not clearly communicated
Dual-audience complexity
Brands and streamers needed distinct messaging
Low brand trust potential
Weak design risked reducing credibility
Limited engagement
Static presentation failed to capture streamer attention
Performance risks
Heavy animations could impact speed and trust
Cross-device consistency
Required aligned mobile and desktop experiences

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

How we solved it

We structured the page around a dual-audience flow within a single linear narrative.

[ Key principles ]

[ 01 ]
Dual-audience information hierarchy
guided brands first, then streamers in one coherent structure
[ 02 ]
Functional motion design
used animation to guide attention and reinforce UX structure
[ 03 ]
Performance-first animation system
optimized motion from the outset to avoid tradeoffs
[ 04 ]
Native responsive architecture
built cross-device behavior as a core system, not an adaptation
[ 05 ]
Clarity over visual noise
balanced visual ambition with readability and conversion focus

What we aimed for

[ GOAL ]

Create a landing page that builds trust and drives action for brands and streamers:

[ GOAL ]

Dual-value messaging
clearly communicate both audiences within one structure
Credibility-first design
establish trust through modern visual hierarchy
Performance-safe motion
use animation to enhance, not distract
Cross-device consistency
ensure a unified desktop and mobile experience
Conversion-focused UX
balance visual impact with clarity and action focus

What we built

[ FEATURED CASES ]

Modern Animated Landing Page

Full-page design with smooth, purposeful motion system
Visual storytelling aligned with platform positioning

RESULT

Strong first impression and elevated perceived product quality

Dual-Audience UX Structure

Separate value paths for brands and streamers within one flow
Clear segmentation without breaking page continuity

RESULT

Both audiences immediately find relevant messaging

Performance-Optimized Motion System

Lightweight animations engineered for fast load times
No impact on rendering performance across devices

RESULT

High visual quality without speed tradeoffs

Responsive Cross-Device Design

Layout and typography adapted for mobile and desktop
Interaction consistency across screen sizes

RESULT

Stable UX regardless of entry device

Brand Credibility Layer

Premium visual direction aligned with creator economy standards
Design focused on trust-building for partnership acquisition

RESULT

Stronger platform credibility for brands and streamers

Modern Animated Landing Page

Full-page design with smooth, purposeful motion system
Visual storytelling aligned with platform positioning

RESULT

Strong first impression and elevated perceived product quality

Results

Business impact

Establishes credible first touchpoint for both brands and streamers

Improves perceived platform trust and professionalism

Increases engagement through motion-driven UX

Reduces friction in understanding platform value proposition

Provides strong foundation for marketing and acquisition efforts

[ Technical results ]

Animations implemented with no measurable impact on load speed
Fully responsive layout validated across devices
Performance optimization integrated into design system from the start
Clean frontend structure ready for future iteration

Team and tools

[ TEAM & TECH ]

Delivered by a team of UI/UX designers and frontend developers with experience building high-performance, visually driven landing pages for two-sided platforms and creator economy products.