پلتفرم «بامن» (متعلق به گروه مالی سامان)، یکی از پویاترین باشگاههای مشتریان نسل سوم در ایران است. این پروژه شامل پیادهسازی فرانتاندِ کمپین «گردونه شانس» با تمرکز اصلی بر روی کاربران موبایل بود؛ یک لندینگپیج تعاملی که مخاطبان با ورود به آن از طریق گوشیهای هوشمند خود، میتوانستند با یک ثبتنام سریع، شانس خود را برای دریافت پاداشهای متنوع امتحان کنند.
کارفرماپلتفرم بامن (متعلق به گروه مالی بانک سامان)
حوزه فعالیتخدمات مالی، وفاداری مشتریان (Customer Loyalty) و فینتک
پلتفرملندینگپیج کمپین تعاملی (Mobile-First)
نقش منطراحی و پیادهسازی رابط کاربری (Frontend) و منطق تعاملی گردونه با تمرکز بر تجربه موبایل
هدف پروژهتوسعه یک لندینگپیج موبایلمحور و جذاب مبتنی بر گیمیفیکیشن برای جذب و ثبتنام کاربران جدید از طریق مکانیکِ چرخش گردونه و اهدای جوایز آنی
سال اجرا2023
فرایند توسعه پروژه (Project Development Process)
پرسونای کمپین و تارگتینگ
فرانک20 ساله - خانم - دانشجو
کیوان40 ساله - آقا - بیزینس من
محسن19 ساله - آقا - محصل
معماری تبدیل و گیمیفیکیشن
طراحی رابط کاربری
تستهای نهایی و تحمل بار
توسعه و جذب لید
ترکینگ و تحلیل داده
بهینهسازی مداوم (A/B Test)
صورت مسئله (Problem)
در کمپینهای مبتنی بر گیمیفیکیشن که ترافیک اصلی آنها از سمت موبایل تامین میشود، کاربر انتظار یک واکنش سریع و هیجانانگیز را دارد. بزرگترین چالش، پیادهسازی انیمیشنِ نرم و بینقصِ گردونه در نمایشگرهای کوچک موبایل (بدون افت فریم یا لگ در دیوایسهای مختلف) و همچنین طراحی یک مسیر ثبتنام (Onboarding) بسیار کوتاه بود تا کاربر قبل از رسیدن به لحظه جایزه گرفتن، صفحه را ترک نکند.
رویکرد اجرایی (Approach)
در پیادهسازی این صفحه، رویکرد Mobile-First در اولویت مطلق قرار داشت. منطق چرخش گردونه و تعاملات لمسی (Touch Interactions) با استفاده از کدهای سبک توسعه یافت تا در گوشیهای هوشمند، تجربهای کاملاً روان و مشابه یک اپلیکیشن بومی را ارائه دهد. همچنین فرمهای ثبتنام به گونهای برای صفحات نمایش کوچک بهینهسازی شدند تا کاربر با کمترین میزان اسکرول و در سریعترین زمان ممکن، فرآیند ورود اطلاعات را تکمیل کند.
خروجی و نتیجه (Outcome)
نتیجه نهایی، یک لندینگپیج بسیار سبک، جذاب و کاملاً موبایلمحور بود که با ترکیب طراحی بصری کاربرپسند و مکانیکهای بازیوارسازی، توانست به خوبی در راستای اهداف مارکتینگ «بامن» عمل کرده و تجربه کاربری شیرین و بیدردسری را برای ثبتنامکنندگان جدید خلق کند.
آنچه این پروژه را ساخته است
Bootstrap
رابط کاربری سریع، منظم و سازگار با هر نمایشگر
JavaScript
تعاملاتی که تجربهی کاربر را زنده نگه میدارند
AJAX
تعامل سریع، بدون وقفه و بدون بارگذاری مجدد
RESTAPI
ارتباط هوشمند میان وبسایت و سرویسهای دیگر
پشت صحنهی این پروژه
طراحی رابط کاربری
طراحی تجربهای که مسیر کاربر را سادهتر میکند
توسعه اختصاصی
توسعه قابلیتهایی که دقیقاً برای این پروژه ساخته شدند
بهینهسازی سرعت
هر میلیثانیه کمتر، یک تجربهی بهتر
طراحی ریسپانسیو
تجربهای یکپارچه، از موبایل تا نمایشگرهای بزرگ
اتصال API
یکپارچهسازی سرویسها، بدون ایجاد پیچیدگی
مسیر رشد دیجیتال، با یک انتخاب درست آغاز میشود.
از طراحی و توسعه وبسایت تا سئو و استراتژی دیجیتال، تمرکز روی ساخت راهکارهایی است که امروز عملکرد خوبی داشته باشند و فردا هم آمادهی رشد باشند.