لندینگ‌پیج گیمیفیکیشن «گردونه شانس» (باشگاه مشتریان بامن)

لندینگ‌پیج گیمیفیکیشن «گردونه شانس بامن»؛ پیاده‌سازی فرانت‌اند تعاملی با اولویت تجربه کاربری روان و سریع در موبایل (Mobile-First)

مشاهده وبسایت

نگاه کلی (Overview)

پلتفرم «بامن» (متعلق به گروه مالی سامان)، یکی از پویاترین باشگاه‌های مشتریان نسل سوم در ایران است. این پروژه شامل پیاده‌سازی فرانت‌اندِ کمپین «گردونه شانس» با تمرکز اصلی بر روی کاربران موبایل بود؛ یک لندینگ‌پیج تعاملی که مخاطبان با ورود به آن از طریق گوشی‌های هوشمند خود، می‌توانستند با یک ثبت‌نام سریع، شانس خود را برای دریافت پاداش‌های متنوع امتحان کنند.

  • کارفرماپلتفرم بامن (متعلق به گروه مالی بانک سامان)
  • حوزه فعالیتخدمات مالی، وفاداری مشتریان (Customer Loyalty) و فین‌تک
  • پلتفرملندینگ‌پیج کمپین تعاملی (Mobile-First)
  • نقش منطراحی و پیاده‌سازی رابط کاربری (Frontend) و منطق تعاملی گردونه با تمرکز بر تجربه موبایل
  • هدف پروژهتوسعه یک لندینگ‌پیج موبایل‌محور و جذاب مبتنی بر گیمیفیکیشن برای جذب و ثبت‌نام کاربران جدید از طریق مکانیکِ چرخش گردونه و اهدای جوایز آنی
  • سال اجرا2023

فرایند توسعه پروژه (Project Development Process)

پرسونای کمپین و تارگتینگ

فرانک 20 ساله - خانم - دانشجو
کیوان 40 ساله - آقا - بیزینس من
محسن 19 ساله - آقا - محصل

معماری تبدیل و گیمیفیکیشن

طراحی رابط کاربری

تست‌های نهایی و تحمل بار

توسعه و جذب لید

ترکینگ و تحلیل داده

بهینه‌سازی مداوم (A/B Test)

A B

صورت مسئله (Problem)

در کمپین‌های مبتنی بر گیمیفیکیشن که ترافیک اصلی آن‌ها از سمت موبایل تامین می‌شود، کاربر انتظار یک واکنش سریع و هیجان‌انگیز را دارد. بزرگترین چالش، پیاده‌سازی انیمیشنِ نرم و بی‌نقصِ گردونه در نمایشگرهای کوچک موبایل (بدون افت فریم یا لگ در دیوایس‌های مختلف) و همچنین طراحی یک مسیر ثبت‌نام (Onboarding) بسیار کوتاه بود تا کاربر قبل از رسیدن به لحظه جایزه گرفتن، صفحه را ترک نکند.

رویکرد اجرایی (Approach)

در پیاده‌سازی این صفحه، رویکرد Mobile-First در اولویت مطلق قرار داشت. منطق چرخش گردونه و تعاملات لمسی (Touch Interactions) با استفاده از کدهای سبک توسعه یافت تا در گوشی‌های هوشمند، تجربه‌ای کاملاً روان و مشابه یک اپلیکیشن بومی را ارائه دهد. همچنین فرم‌های ثبت‌نام به گونه‌ای برای صفحات نمایش کوچک بهینه‌سازی شدند تا کاربر با کمترین میزان اسکرول و در سریع‌ترین زمان ممکن، فرآیند ورود اطلاعات را تکمیل کند.

خروجی و نتیجه (Outcome)

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

آنچه این پروژه را ساخته است

  • Bootstrap

    رابط کاربری سریع، منظم و سازگار با هر نمایشگر

  • JavaScript

    تعاملاتی که تجربه‌ی کاربر را زنده نگه می‌دارند

  • AJAX

    تعامل سریع، بدون وقفه و بدون بارگذاری مجدد

  • RESTAPI

    ارتباط هوشمند میان وب‌سایت و سرویس‌های دیگر

پشت صحنه‌ی این پروژه

  • طراحی رابط کاربری

    طراحی تجربه‌ای که مسیر کاربر را ساده‌تر می‌کند

  • توسعه اختصاصی

    توسعه قابلیت‌هایی که دقیقاً برای این پروژه ساخته شدند

  • بهینه‌سازی سرعت

    هر میلی‌ثانیه کمتر، یک تجربه‌ی بهتر

  • طراحی ریسپانسیو

    تجربه‌ای یکپارچه، از موبایل تا نمایشگرهای بزرگ

  • اتصال API

    یکپارچه‌سازی سرویس‌ها، بدون ایجاد پیچیدگی

مسیر رشد دیجیتال، با یک انتخاب درست آغاز می‌شود.

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

نتیجه‌ی سال‌ها تمرکز بر کیفیت، توسعه و راهکارهای دیجیتال ماندگار
ارتباط با من مشاوره
بازگشت

هر پروژه‌ی موفق، با یک گفت‌وگوی خوب شروع می‌شود.

فرم را تکمیل کنید؛ ادامه مسیر را با هم پیش می‌بریم.