طراحی بیترلند

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

بیترلند سرویسی برای خرید و فروش رمزارز در ایران است که در آن کاربر می‌تواند رمزارزهایی مانند بیت‌کوین، تتر، دش و استلار را در برابر ریال معامله کند. مخاطبان آن دو گروه‌اند: کاربرانی که می‌خواهند ساده و مطمئن رمزارز بخرند یا بفروشند، و تیم داخلی بیترلند که باید کاربران، احراز هویت، سفارش‌ها و درخواست‌های پشتیبانی را مدیریت کند.

دامنه کار دییر در این پروژه چهارماهه، طراحی وب‌سایت عمومی و داشبوردهای کاربر و مدیریت برای مخاطبان داخل ایران بود.

معامله رمزارز برای بسیاری از کاربران تازه‌کار، پیچیده و پر از اصطلاحات ناآشناست و هر خطا در آن هزینه مالی دارد. در عین حال اعتماد، اصلی‌ترین مسئله یک صرافی آنلاین است و کاربر باید همیشه بداند موجودی‌اش چقدر است، سفارشش در چه وضعیتی است و اگر مشکلی پیش آمد، درخواستش کجاست.

• فرایند خرید و فروش باید در کمترین مرحله و با نمایش روشن معادل ریالی انجام شود.
• احراز هویت و تأیید حساب بانکی پیش‌نیاز معامله است و وضعیت آن باید برای کاربر شفاف باشد.
• تیم پشتیبانی باید حجم زیادی از درخواست‌ها را دسته‌بندی و پیگیری کند.
• داده‌های بازار باید خلاصه و قابل‌فهم ارائه شوند، نه به شکل جدول‌های شلوغ معاملاتی.

۰۱شناخت کاربران و فرایندهای عملیاتی

مسیر کاربر از ورود به سایت تا ثبت‌نام، احراز هویت، شارژ کیف پول و انجام معامله را ترسیم کردیم و در کنار آن، کارهای روزمره تیم داخلی مانند تأیید کاربران و پاسخ به تیکت‌ها را بررسی کردیم.

۰۲معماری اطلاعات و جریان کاربر

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

۰۳طراحی رابط کاربری

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

۰۴سیستم طراحی و تحویل به توسعه

اجزای مشترک مانند کارت آمار، جدول، تب فیلتر، برچسب وضعیت و دکمه‌های عملیات به صورت یکپارچه طراحی شدند تا وب‌سایت و داشبوردها زبان بصری واحدی داشته باشند و پیاده‌سازی آن‌ها ساده‌تر شود.

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

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

در پنل مدیریت، صفحه درخواست‌های پشتیبانی آمار کل درخواست‌ها، پاسخ‌داده‌شده‌ها و درخواست‌های در انتظار پاسخ را نشان می‌دهد و فهرست تیکت‌ها با تب‌های همه، پاسخ داده شده، در انتظار پاسخ و بسته شده و جستجو بر اساس عنوان یا شماره تیکت قابل فیلتر است. صفحه کاربران نیز وضعیت تأیید هر کاربر را با برچسب رنگی و دکمه‌های تأیید و غیرفعال‌سازی نمایش می‌دهد. داشبورد مدیریت هم خلاصه‌ای از کاربران تأییدشده، کارت‌ها و سفارش‌های ثبت‌شده، جمع درآمد و نمودار تراکنش‌ها ارائه می‌کند.

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