Tool:
Figma
XPWorld Mobile is a companion app for a Telegram-based Web3 gaming ecosystem. The platform hosts multiple arcade-style mini-games, rewarding users with crypto assets as they progress. This mobile interface extends the XPWorld experience with personalized dashboards, live rankings, daily quests, and game access — all embedded within the limitations of the Telegram environment.
Project Goal
To design a full-featured mobile interface that enhances user retention and engagement across XPWorld’s game ecosystem, while adapting to the Telegram app's fixed frame constraints.
Design Scope
I led the visual design process — from UI architecture and game cover visuals to the design of the ranking and badge system. All interface components were built in Figma with attention to layout flexibility and motion hierarchy. Game covers were created using Midjourney and refined in Illustrator to match the app’s visual tone.
Key Features
Dashboard: Wallet connection + game launcher
Events: Weekly and upcoming events with filters by game or date
Leaderboard: Global + per-game scoreboards
Profile: User card, daily missions, reward claims, XP tracking
Achievements: Custom badges for each rank tier
Rank System
The app includes a custom 10-tier rank structure: Iron, Bronze, Silver, Gold, Platinum, Emerald, Diamond, Master, Grandmaster, and Challenger. Each tier has its own icon set and card layout. Progression is tracked visually and encourages repeat play.
Project Outcome
The result was a fully designed, ready-to-develop mobile app tailored for Telegram’s environment. The app structure, visuals, and interaction design aligned with XPWorld’s gamified brand language — supporting player engagement through rank progression, daily rewards, and responsive UI.
All design files were delivered in developer-ready format, including annotated prototypes, asset exports, and documentation for badges, events, and navigation structure.