ساخت اپلیکیشن بازار مالی

سفارش طراحی رابط کاربری

سلام.

من یک پروژه Telegram Mini App به نام LUNARO (LNR) دارم که روی شبکه TON ساخته می‌شود.

هدف این سفارش، ساخت یک Frontend بسیار حرفه‌ای، مدرن و باکیفیت برای موبایل است.

طراحی کلی

طراحی باید از نظر کیفیت بصری در سطح تصویر مرجع ارائه‌شده باشد:

تم اصلی: مشکی / سبز نئونی / طلایی ظاهر فضایی و تکنولوژیک نورپردازی و Glow حرفه‌ای عناصر سه‌بعدی و عمق بصری پنل‌های شیشه‌ای و شفاف گوشه‌های نرم و مدرن انیمیشن‌های ظریف و روان طراحی مخصوص موبایل و Telegram Mini App صفحه اصلی باید در ارتفاع معمول موبایل بدون اسکرول عمودی نمایش داده شود.

مرجع بصری، تصویر LUNARO که ارائه شده است.

توجه: قرار نیست طراحی دقیقاً کپی ATF باشد؛ باید همان سطح کیفیت و حس بصری را داشته باشد ولی هویت کاملاً اختصاصی LUNARO داشته باشد.

هدر

بالای برنامه:

لوگوی LUNARO نام LUNARO دکمه‌های Telegram در سمت راست ظاهر هدر باید با پس‌زمینه اصلی یکپارچه باشد.

صفحه اصلی Mine

صفحه اصلی مهم‌ترین قسمت برنامه است.

در بالای صفحه:

Level

نمایش:

Level 3 ████████████░░░░ 48%

در کنار یا زیر آن:

⚡ 2.5× Mining Speed

این مقادیر در نسخه فعلی صرفاً نمونه هستند و بعداً از API دریافت خواهند شد.

Wallet

در قسمت بالای سمت راست یک دکمه Wallet قرار گیرد.

مثلاً:

💳 UQCN...iD7 ˅

بعداً این قسمت به TON Connect متصل می‌شود.

پس لطفاً Wallet را طوری طراحی کنید که مقدار آن کاملاً Dynamic باشد و از JavaScript قابل تغییر باشد.

Total Balance

در مرکز صفحه:

TOTAL BALANCE

🪙 12,458.32 LNR

ظاهر این قسمت باید بسیار زیبا و برجسته باشد.

موجودی‌های اصلی

زیر Total Balance دو بخش داشته باشیم:

Mined / Unclaimed ⛏ MINED (UNCLAIMED)

342.67 LNR Wallet / Holding 💳 WALLET BALANCE

11,925.65 LNR

این مقادیر بعداً از API واقعی دریافت می‌شوند.

مهم: ساختار HTML/JS باید طوری باشد که بتوانیم بدون تغییر طراحی، این مقادیر را از Worker جایگزین کنیم.

سکه اصلی LNR

مرکز صفحه باید یک سکه بسیار باکیفیت LNR داشته باشد.

ویژگی‌های پیشنهادی:

سکه سه‌بعدی رنگ سبز + طلایی نوشته بزرگ: LNR نور سبز اطراف سکه حلقه انرژی دور سکه افکت Glow سکوی تکنولوژیک زیر سکه محیط فضایی / futuristic انیمیشن بسیار ظریف برای نور و انرژی

این قسمت مهم‌ترین عنصر بصری صفحه است.

اگر برای کیفیت گرافیکی بهتر لازم باشد، استفاده از PNG/WebP شفاف، SVG، Canvas یا WebGL مجاز است.

Claim

زیر سکه:

⚡ CLAIM

یک دکمه بزرگ و زیبا داشته باشیم.

فعلاً ظاهر و UI را بسازید؛ منطق واقعی Claim بعداً به API وصل می‌شود.

نوار پایین

نوار پایین صفحه باید ثابت باشد و مشابه ساختار تصویر مرجع طراحی شود.

پنج بخش:

⛏ Mine

📋 Tasks

⚡ Miners

👥 Friends

👤 Profile

بخش فعال باید:

سبز نئونی دارای Glow دارای خط نورانی زیر آن آیکون برجسته‌تر

باشد.

بدون اسکرول

این مورد خیلی مهم است:

صفحه اصلی باید در موبایل بدون اسکرول عمودی باشد.

یعنی:

Header ↓ Level / Wallet ↓ Balance ↓ Stats ↓ LNR Coin ↓ Claim ↓ Bottom Navigation

همه در یک صفحه قابل مشاهده باشند.

برای موبایل‌های با ارتفاع کمتر نیز Responsive باشد.

طراحی Responsive

حداقل برای این حالت‌ها مناسب باشد:

Android iPhone Telegram Mini App صفحه‌های بلند و کوتاه عرض‌های مختلف موبایل

از Overflow و بیرون‌زدگی عناصر جلوگیری شود.

پنجره‌های داخلی

در آینده چهار پنجره مهم داریم.

لطفاً ساختار Modal/Panel آنها را از ابتدا استاندارد طراحی کنید:

اتصال کیف پول

پیام:

برای شروع استخراج، لطفاً کیف پول خود را متصل کنید

با دکمه زیبای:

Connect Wallet 2.

درباره LUNARO

متن نهایی:

درباره LUNARO

پروژه LUNARO (LNR) مبتنی بر شبکه TON است که سیستم استخراج خودکار، نگهداری دارایی و ارتقای Level را در یک اکوسیستم واحد ارائه می‌کند.

⚡ سیستم Level

با افزایش مجموع دارایی‌های شما، Level و