SocialBuzz – Telegram Mini-App Design | Figma Design

Stephen Adeniyi

A gamified Telegram experience for crypto enthusiasts and community engagement

I designed a comprehensive Telegram mini-app interface for SocialBuzz, a Web3 project that rewards users for engaging in social tasks, games, and check-ins. The app is aimed at crypto-savvy users, combining gamification, social engagement, and reward mechanisms into a seamless experience.

Objective:

The goal was to create a sleek, intuitive, simple, and mobile-first interface in Figma that allows users to navigate through tasks, participate in games, connect their wallets, and earn crypto rewards all within the Telegram ecosystem.
Home Screens (Logout & Wallet Connect) plus Tasks Screen - Light Mode
Home Screens (Logout & Wallet Connect) plus Tasks Screen - Light Mode
Home Screens (Logout & Wallet Connect) plus Tasks Screen - Dark Mode
Home Screens (Logout & Wallet Connect) plus Tasks Screen - Dark Mode

My Role:

I handled the entire UI/UX design process; from wireframing and structuring user flows to designing high-fidelity mockups for all app sections. I focused on combining the aesthetics of crypto culture (light and dark mode, bold accents) with gamified elements (badges, leaderboards, streaks) to enhance engagement.
Game, Daily Rewards & Hive Tasks Screen - Light Mode
Game, Daily Rewards & Hive Tasks Screen - Light Mode
Game, Daily Rewards & Hive Tasks Screen - Dark Mode
Game, Daily Rewards & Hive Tasks Screen - Dark Mode
Key Features Designed:
Onboarding & Wallet Integration: Clear and simple welcome screens, sign-up/login flows with crypto wallet support (e.g., MetaMask).
Dashboard & Tasks Hub: User stats, daily quests, progress tracking, and quick navigation.
Games Section: Game lobby, leaderboards, game rules, and motivational layouts.
Check-ins & Rewards: Daily check-ins with streak indicators and reward progress.
Wallet Page: Token balance, transaction logs, and withdrawal UI.
Profile & Community (Hives) Pages: Social stats, editable profiles and join community socials links.
Notifications & Settings: Activity feed with filters, preference customization, and support access.
Profile, Rewards & Partnering Project Details - Light Screen Pages
Profile, Rewards & Partnering Project Details - Light Screen Pages
Profile, Rewards & Partnering Project Details - Dark Screen Pages
Profile, Rewards & Partnering Project Details - Dark Screen Pages
Design Considerations:
🎮 Gamification: Integrated elements like streak counters, badges, and visual feedback for user motivation.
🌙 Crypto-Themed Aesthetics: Featuring both light and dark UI options, the design employs simple fonts and sharp iconography, creating a modern aesthetic that enhances usability and interaction.
📱 Mobile-First & Telegram-Friendly: Prioritized screen responsiveness and simplicity for Telegram mini-app standards.
🔄 User-Centric Navigation: Ensured fast access to core features; Tasks, Wallet, Games, with minimal learning curve.

Let’s create something impactful together.

Have a project in mind? Let’s talk.
Like this project

Posted May 12, 2025

Designed a gamified Telegram mini-app interface for SocialBuzz, enhancing user engagement with crypto rewards.

TalentMap – Return-to-Office Guide Landing Page
TalentMap – Return-to-Office Guide Landing Page
Bokhabane Tax Group Website Design (WordPress + Elementor)
Bokhabane Tax Group Website Design (WordPress + Elementor)
Bigniyi – Lifestyle Blog (FIgma + WordPress Build)
Bigniyi – Lifestyle Blog (FIgma + WordPress Build)
Zestify Agency Website Design
Zestify Agency Website Design

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc