Wireframe – DASHBOARD (mock up)
Dashboard
The DASHBOARD will GO HERE
Live Data via Sui, Talus, Waye
See Competitor DASHBOARDS below for Inspiration

Trending KOLs
Top Movers SNAPSHOT

Sample Content for Wireframe MOCKUP
Here’s a visual example that closely aligns with your "Trending KOLs – top movers snapshot" concept. It’s a Crypto Leaderboard Dashboard concept—neat, minimal, and exactly the type of layout we’re aiming for:
What this Dribbble mockup shows is gold:
A clean ranking card for top users (like "BytoX" and "Hawk") with quick stats displayed right below.
Below that, a sortable list of top users, allowing filtering and quick scanning of movers.
Where This Matches KOLRadar’s Vision
Snapshot Style: Highlights top movers at a glance—perfect for "today’s trending KOLs."
Visual Hierarchy: Clean header + compact list, easy to translate into KOLRadar's "Trending KOLs" section within Dashboard.
Clarity & Scalability: Structured enough to build into our mockup—no noise, just signals.
Additional Industry Comparisons (Text-Based)
HedgeWithCrypto’s “Most Popular Crypto Influencers” lists deliver insights based on engagement metrics DribbbleInstagram+9Hedge With Crypto+9Hedge With Crypto+9.
TokenMinds and Collabstr offer ranked influencer lists with engagement-based scoring components TokenMinds+1.
Not real-time—but they show structure we can evolve: rank, audience size, engagement—just like KOLRadar, but ours will be live, dynamic, and signal-oriented.
How to Use This in the Mockup
Page: Dashboard → Trending KOLs
Component Design:
Title: "Trending KOLs"
Layout: Cards for top 3–5 movers (like in the Dribbble image), followed by a sortable list of other top movers.
Stats per card: Engagement %, follower surge, credibility indicator (verifications, blips).
Optional badge: “Founders only” vs. blurred for non-subscribed to see the trust layer in action.

Trending KOLs
Top Movers SNAPSHOT
Sample HTML Mockup (Below)
Trending KOLs • top movers snapshot
| # | KOL | Influence | Credibility | Mentions (24h) | Actions | ||
|---|---|---|---|---|---|---|---|
| 1 |
A
AlphaSignal
@alpha_signal • Sui
|
+82% | +1,240 | 0.76 | Verified Rep | 134 | |
| 2 |
K
KOLMatrix
@kolmatrix • Ethereum
|
+56% | +740 | 0.64 | Verified Rep | 92 | |
| 3 |
?
Locked Profile
@founders-only • All
|
+39% | +610 | 0.52 | — | — | |
| 4 |
S
SuiSignals
@sui_signals • Sui
|
+41% | +520 | 0.58 | Verified Rep | 77 | |
| 5 |
?
Locked Profile
@founders-only • Solana
|
+28% | +310 | 0.44 | — | — |

Social Feed
(latest posts integrated)
Sample HTML Mockup (Below)
Social Feed • latest posts integrated


Mockup Site Structure for DEVELOPER
Homepage (Step 1)
- Hero: Tagline + CTA (Explore Radar / Join Now)
- Background: Radar sweep (static or video)
- Buttons: “View Dashboard” → takes you to the MVP directory
Dashboard (Step 2)
- 3 Big Modules:
- Radar Sweep (data blips)
- Trending KOLs (top movers snapshot)
- Social Feed (latest posts integrated)
Leaderboards (Step 3)
- Filter controls (chain, category, verified toggle)
- Sortable KOL table (Reach, Engagement, Velocity)
KOL Profiles (Step 4)
- Deep Stats (graphs)
- Content Mix (pie chart)
- Audience Overlap (Venn diagram)
Watchlists (Step 5)
- Snapshot cards (KOL tiles)
- Traffic Indicators (green/yellow/red signals)
Campaigns (Step 6)
- Create Wizard (Step 1 → Step 2 → Step 3 flow)
- Campaign Dashboard (ROI metrics, graphs)
Account / Onboarding (Step 7)
- User Type (Retail / KOL / VC / Agency)
- Personalization Options
- Freemium vs Paid Comparison
My tip: Use dummy data + blurred placeholders for now. Show the structure, not the final metrics. That way, it’s obvious this is a systematic AI-driven trust layer, not a subjective hand-picked directory.




