این پروژه در ادامه همکاری با تیم توسعه بازار بانک آینده و این بار برای کمپین «ارومیه از گذشته تا امروز» در شهر ارومیه اجرا شد. محوریت این مسابقه، زنده نگه داشتن یاد دریاچه ارومیه بود؛ کمپینی که در آن کاربران پس از ثبتنام، تصاویر خاطرهانگیز خود از زمان پرآبی دریاچه را منتشر میکردند و با دریافت لایک روی تصاویر و تعامل با دیگران، وارد قرعهکشی میشدند.
کارفرماتیم توسعه بازار بانک آینده
حوزه فعالیتخدمات مالی و مسئولیت اجتماعی (زیستمحیطی / فرهنگی)
پلتفرملندینگپیج کمپین تعاملی
نقش منطراحی و پیادهسازی کامل رابط کاربری (Frontend)
هدف پروژهتوسعه یک بستر تعاملی روان برای آپلود تصاویر نوستالژیک دریاچه ارومیه، با قابلیتهای ثبتنام، لایک، کامنتگذاری و معرفی روزانه تصاویر برتر جهت افزایش Engagement کاربران
سال اجرا2022
فرایند توسعه پروژه (Project Development Process)
پرسونای کمپین و تارگتینگ
فرانک20 ساله - خانم - دانشجو
کیوان40 ساله - آقا - بیزینس من
محسن19 ساله - آقا - محصل
معماری تبدیل و گیمیفیکیشن
طراحی رابط کاربری
تستهای نهایی و تحمل بار
توسعه و جذب لید
ترکینگ و تحلیل داده
بهینهسازی مداوم (A/B Test)
صورت مسئله (Problem)
چالش اصلی در این کمپین، طراحی فرانتاند برای مدیریت تعاملات چندگانه (Social Features) بود. برخلاف یک لندینگپیج ساده و ایستا، در اینجا نیاز به فضایی داشتیم که کاربران بتوانند علاوه بر ثبتنام و آپلود عکس، گالری تصاویر دیگران را بررسی کنند، کامنت بگذارند و با لایک کردن امتیاز بگیرند. نمایش برجسته «تصویر منتخب روز» نیز نیازمند ساختاری بود که به صورت روزانه بهروزرسانی شود، بدون اینکه یکپارچگی بصری صفحه به هم بریزد.
رویکرد اجرایی (Approach)
در پیادهسازی رابط کاربری، تمرکز من روی خلق یک تجربه کاربری (UX) روان برای بخش گالری و تعاملات بود. فرمهای ثبتنام و آپلود تصویر، بهینهسازی شدند تا کاربر با کمترین کلیک ممکن فرآیند را طی کند. همچنین سیستم لایک و کامنتگذاری طوری طراحی شد که بالاترین میزان واکنشگرایی (Responsive) را داشته باشد و در تمامی دستگاهها، به ویژه موبایلها، تجربهای بدون تاخیر و جذاب را رقم بزند.
خروجی و نتیجه (Outcome)
حاصل کار، یک لندینگپیج پویا، سبک و بسیار تعاملی بود که توانست به خوبی از پس مدیریت مشارکت بالای کاربران و نمایش محتوای تولیدشده توسط آنها (UGC) بربیاید. این پلتفرم با ایجاد فضایی کاربرپسند و بیدردسر، مسیر را برای موفقیت کمپین تیم توسعه بازار بانک آینده در شهر ارومیه هموار کرد.
آنچه این پروژه را ساخته است
Bootstrap
رابط کاربری سریع، منظم و سازگار با هر نمایشگر
JavaScript
تعاملاتی که تجربهی کاربر را زنده نگه میدارند
AJAX
تعامل سریع، بدون وقفه و بدون بارگذاری مجدد
RESTAPI
ارتباط هوشمند میان وبسایت و سرویسهای دیگر
پشت صحنهی این پروژه
طراحی رابط کاربری
طراحی تجربهای که مسیر کاربر را سادهتر میکند
توسعه اختصاصی
توسعه قابلیتهایی که دقیقاً برای این پروژه ساخته شدند
بهینهسازی سرعت
هر میلیثانیه کمتر، یک تجربهی بهتر
طراحی ریسپانسیو
تجربهای یکپارچه، از موبایل تا نمایشگرهای بزرگ
اتصال API
یکپارچهسازی سرویسها، بدون ایجاد پیچیدگی
مسیر رشد دیجیتال، با یک انتخاب درست آغاز میشود.
از طراحی و توسعه وبسایت تا سئو و استراتژی دیجیتال، تمرکز روی ساخت راهکارهایی است که امروز عملکرد خوبی داشته باشند و فردا هم آمادهی رشد باشند.