Mobile UI/UX Design for Gaming Rewards App

Job ID: 40397314

Budget: ₹600 – ₹1,500 INR

Project Title:UI/UX Designer Needed — 2 Mobile Components for Premium Gaming Rewards App (Figma)Project Description:I'm building CashFB, a community voting and rewards mobile app for Indian gamers (BGMI and Free Fire audience). I need a UI/UX designer to design 2 components from the home screen in Figma. The components will be handed to a Flutter developer for implementation, so design quality and clean specs matter.This is a focused engagement — just 2 components, not a full app design. If you do well, there's more work after this (8 more screens, full app design system, possible long-term collaboration).About the ProductCashFB is a community voting and rewards app for Indian mobile gamers aged 16 to 28. Users vote on the day's top donors using in-app coins, and the donation pool is redistributed as cash prizes and Google Play codes. Audience is comfortable with PhonePe, Dream11, and MPL.The aesthetic must feel like a premium gaming app, not a fintech app. Reference vibe: BGMI lobby meets Cred premium card. Esports energy with restrained luxury.Components to DesignComponent 1 — Top Donor CardWhat it shows: the featured top donor of the current 24-hour window. This is the hero card on the home screen. First thing the user sees when they open the app.Required elements:

Donor avatar (admin-uploaded photo)
Donor name with a gamer tag in the middle, e.g. AARAV 'GHOSTFIRE' T. The gamer-tag portion should visually pop.
Donation amount in rupees, prominent
3 sponsor slots in the top-right corner (admin-uploaded brand logos)
Donor's social media links (YouTube and Instagram only)
"See Top 50" button (opens leaderboard modal)
24-hour persistence countdown timer
Rank badge (#1 or crown indicator)
Vibe: Valorant agent-select card or FIFA Ultimate Team featured player. The donor isn't just listed, they're celebrated. Light metallic touches (gold accents, soft shimmer, subtle ember glow).Constraints:

Full screen width, edge-to-edge, no bordered container
Aim for ~220px height on a 390px-wide phone frame
Colors: ember red (#E63946), warm gold (#F5B301), near-black (#0B0C0E), white, one supporting muted grey. No other accents.
Typography: Rajdhani or Orbitron for headings, Share Tech Mono or Orbitron for numbers, Inter for body. All on Google Fonts.
No em dashes in any UI copy
Component 2 — Vote Counter RowWhat it shows: live total of votes cast on today's top donor, plus the user's voting controls. This is the most live element on the entire screen — count updates in real time without page refresh.Required elements:

8-digit vote counter in a horizontal row. Reads right-to-left (ones, tens, hundreds, thousands, ten-thousands, lakhs, ten-lakhs, crore). Each slot holds one digit.
Odometer animation: digits roll in from the right with a flip or scroll animation when new votes arrive
User coin balance with coin icon (new users start with 3 coins)
Cost-per-vote helper text (1 coin = 1 vote)
Total vote count spelled out as a clean readable number (e.g. "TOTAL: 1,24,532")
Vote action button — clearly costs 1 coin, visibly deducts on tap
Vibe: esports scoreboard or stock-ticker odometer at a trading terminal. The numbers should feel mechanical and inevitable, like watching the pulse of a live event. Vote button should feel rewarding to tap with clear feedback.