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