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

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

تعدادی از طرح‌های اجرا شده برای صفحات داخلی نیز در تصاویر زیر قابل مشاهده است.

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

تصاویر دیگر این پروژه را ببینید:

• 

  بخشی از UI Kit

• 

  طراحی یک نمونه جدول