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

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

طرح پیشنهادی اولیه به صورت یک انیمیشن ویدیویی با استفاده از نرم‌افزار After Effects تولید و ارائه گردید.

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

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

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

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

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

• 

  طرح اولیه پیشنهادی

• 

  اسکچ‌های مربوط به تصویرسازی

• 

  ساخت اوریگامی برای کانسپت اولیه

• 

  اسلایدر انیمیشنی دوم

• 

  اسلایدر انیمیشنی سوم