Fintech · Dashboard

گروه مالی و اقتصادی دوران

پلتفرم مالی با داشبورد لحظه‌ای بازار، پلن‌های اشتراک و اتاق سیگنال فارکس؛ طراحی‌شده برای القای حس امنیت و تمرکز در تصمیم‌های مالی.

فین‌تکداشبوردPWARTLتم تیره
نقش ما
طراحی UI و توسعه فرانت‌اند
دسته
مالی و داشبورد
وزن صفحه‌ی دمو
۶۶ کیلوبایت
عناصر تعاملی
۱ دکمه · ۸۹ آیکون برداری

دموی زنده — همین‌جا قابل استفاده است

../../demo/doran/index.html

این قاب، خودِ پروژه است و داخل آن می‌توانید اسکرول و کلیک کنید. داده‌ها نمونه هستند و به سرویس واقعی وصل نیستند. برای تجربه‌ی کامل، دمو را در تب جدید باز کنید.

چالش پروژه

کاربر این محصول قرار است درباره‌ی پول تصمیم بگیرد؛ بنابراین کوچک‌ترین بی‌نظمی بصری به بی‌اعتمادی تبدیل می‌شود. چالش اول، ساختن یک زبان بصری بود که هم‌زمان «حرفه‌ای»، «آرام» و «امن» به‌نظر برسد.

چالش دوم حجم داده بود: قیمت‌ها، نمودارها، سیگنال‌ها و پلن‌ها باید در یک صفحه کنار هم بنشینند بدون این‌که کاربر گم شود یا صفحه شلوغ به‌نظر برسد.

راهکار تیم

  • تم تیره با لایه‌بندی عمق‌دار و کنتراست کنترل‌شده تا اعداد، و نه پس‌زمینه، اولین چیزی باشند که دیده می‌شوند.
  • معماری اطلاعات سه‌سطحی: خلاصه‌ی بازار در بالا، ابزارهای تحلیلی در میانه و پلن‌های اشتراک به‌عنوان اقدام نهایی.
  • تایپوگرافی عددی با ارقام هم‌عرض تا تغییر قیمت‌ها باعث لرزش لِی‌اوت نشود.
  • اتاق سیگنال فارکس به‌عنوان یک زیربخش مستقل ولی یکپارچه ساخته شد؛ از داخل همین دمو با دکمه‌ی مخصوصش باز می‌شود.

اتاق سیگنال فارکس

این بخش یک صفحه‌ی جداگانه در همان پروژه است، نه یک نمونه‌کار مستقل. از داخل دموی دوران، دکمه‌ی مربوط به سیگنال فارکس شما را به همین صفحه می‌برد؛ ساختار پوشه‌ها و لینک‌های اصلی پروژه هم دقیقاً حفظ شده است تا مسیرها همان‌طور که در پروژه‌ی واقعی است کار کند.

باز کردن اتاق سیگنال فارکس
نمای کامل رابط کاربری گروه مالی و اقتصادی دوران
نمای کامل رابط کاربری — نسخه‌ی دسکتاپ

استک فنی

HTML5CSS3JavaScriptTailwindطراحی RTLPWA
پروژه‌ی بعدیطبیعت‌کالا — فروشگاه محصولات ارگانیک
مطالعه موردی بعدی