Level Heroes
A social platform built for the gaming world
Connecting gamers, streamers, developers, and esports teams in one unified platform.
Role
Team
Timeline
Tools
Overview
Level Heroes is an ambitious gaming social platform built to connect gamers, streamers, game developers, publishers, and esports teams in one unified ecosystem.
The platform combines networking, content discovery, monetization, and professional collaboration — think LinkedIn meets Twitch, built for the gaming world.
My involvement started with the brand — logo ideation, visual identity, and guidelines — before moving into UI design across the platform's core screens.
The goal was to create a platform that feels both professional and fun, with a visual identity that stands out in the crowded gaming space.
My Contribution
Logo design, Brand identity, UI design
Platform Type
Gaming social network & professional hub
Target Audience
Gamer / Streamer / Game Dev / Publisher / Esports
Branding
Logo & visual identity
Before any screen was designed, the brand needed a foundation. The logo process started with paper — exploring shapes rooted in shield iconography, gaming culture, and the "LH" letterform. Several directions were tested: full shields with crowns, trident forms, winged emblems. The final mark strips it back to a clean interlocking LH within a minimal shield silhouette.
From paper to mark
The process started with ballpoint pen sketches — a fast, low-fidelity way to explore the full range of directions before committing to anything in vector. Shield variations, crown motifs, winged emblems, trident forms — all explored before narrowing down to the final interlocking LH mark.
Color palette
The palette centers on deep navy backgrounds with a vibrant Curious Blue as the primary action and accent color. Link Water provides a soft highlight for text and UI elements, while Blue Dianne fills mid-level surfaces.
Challenges
Turn assessment into a heroic journey without losing professional integrity.
Level Heroes had five distinct user types — gamers, streamers, developers, publishers, and esports teams — each with different needs and feature sets, all sharing the same interface. There was no existing brand to build on, so the visual identity had to be established from scratch before a single screen was designed.
The real challenge was keeping everything coherent: one consistent visual language across a booking system, escrow payments, messaging, gamification, team pages, and two theme modes.
Designing for a complex ecosystem
Level Heroes isn't a single-purpose app. It's a layered social platform where different account types — Gamer, Streamer, Game Dev, Publisher, Esports — unlock different capabilities.
The UI had to scale gracefully: approachable for a first-time gamer, and feature-rich enough for a professional managing bookings and escrow payments.
The Core Challenge
Building a visual system coherent enough to serve radically different users in the same space — without any of them feeling like they'd landed in the wrong product.
Dashboard & discovery
The main dashboard surfaces trending and recommended profiles, with account type tags (Gamer, Streamer, Game Dev) making role identity immediately clear. The sidebar navigation organizes the platform's broad feature set — Games, Community, Videos, Events, Leaderboards — without overwhelming first-time visitors.
Main dashboard — Dark mode, Discover Influencers view
Dark & light mode
The platform ships with both a dark and a light theme. Dark mode is the primary experience — navy backgrounds, glowing UI details, strong contrast. The light version uses the same component system with inverted surface hierarchy, maintaining visual consistency across both.
Profile — dark mode
Hire me — light mode
Player identity and professional hub
Every user has a profile with follow/subscribe/donate actions, XP level badge, stats, and connected social links. For upgraded accounts, the profile becomes a professional hub — showing top played games, streamer services, and a tabbed system covering Statistics, Followers, Schedules, and Teams.
Streamer profile — games, services, and profile actions
Hire me — booking flow
Upgraded accounts can enable a "Hire me" booking system directly on their profile. The flow lets a client pick a date, set hours, choose between user or streamer rate settings, and pay — all within the platform. Escrow holds the payment until delivery is confirmed.
Streamer settings view
Account panel & bookings
Streamers and service providers manage all their active engagements from the Account Panel — a job list showing client, game, date, value, and status. Completed bookings show a green checkmark, rejected ones show a red cross, and pending items show a clock. Clean enough to scan at a glance.
Account panel — active booking list with status indicators
Private chats and threads
The messaging system splits into mutual-follow messages and professional connection messages. The interface keeps a contact list on the left and an active thread on the right — familiar and fast, with quick-reply chip suggestions above the input.
Private messaging — recent chats sidebar + active thread
Profile setup & wizard
New users are walked through a structured account setup — basic info, social connections, game library, streaming accounts, and background selection. The wizard makes a complex onboarding feel stepwise and manageable, with a live profile preview updating alongside.
Account setup — basic info and background selection
Gamification & XP system
Special Quests — XP challenges
Engagement is driven by a gamification layer built into the platform's core. Every user has an XP level displayed on their profile badge. Completing quests — watching streams, following accounts, subscribing to channels — earns XP and advances the user toward the next level. Sponsored "Special Quests" introduce branded challenges with game-specific rewards.
Why this matters
XP isn't cosmetic — it's structural. Account upgrades, platform features, and visibility in discovery feeds all tie back to engagement. It gives casual gamers a reason to keep interacting with the platform, and gives brands a native, non-intrusive activation channel through sponsored quests.
Login & authentication
The login modal sits over the landing page, keeping the hero imagery and platform context visible behind it. Minimal fields, clear hierarchy — email/username, password, forgot password, and a single CTA.
Login modal — overlaid on landing page
Outcome
What came out of it
Level Heroes was one of the more demanding projects in scope — a platform that needed to work for a casual gamer, a streaming team, an indie developer, and an esports investor, all under the same visual system and without any of them feeling like a secondary audience.
Starting with the brand gave everything downstream a clear reference point. The dark-first palette, the shield logo, the choice of Open Sans — decisions made early that carried into every screen. The UI work built directly on that foundation: profile pages, the booking flow, the messaging system, account management, gamification — all part of the same consistent language.
Working end-to-end — from the first logo sketch on paper to the final UI delivered in Adobe XD — is the kind of involvement that makes a visual system actually cohere. The brand wasn't applied to the UI; the UI grew out of the brand.