یاسین دهفولیتوسعه‌دهنده فرانت‌اند
یاسین دهفولیتوسعه‌دهنده فرانت‌اند
فرانت‌اند

گیم‌پین: پلتفرم کمپین‌های بازی‌محور

پلتفرمی که برندها با آن کمپین‌شان را به بازی تبدیل می‌کنند: گردونه شانس، مسابقه یا بازی پیش‌بینی را در پنل می‌سازند، منتشرش می‌کنند و نتیجه را لحظه‌به‌لحظه می‌بینند.

  • Angular
  • TypeScript
  • رندر سمت سرور
  • Express
  • SCSS
  • Vitest
تصویر کامل صفحه خانه در گیم‌پین

درباره پروژه

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

فرانت‌اند آن را با Angular، سیگنال‌ها و رندر سمت سرور روی Express ساختم: صفحه‌های عمومی از پیش یا در سرور رندر می‌شوند و پنل در مرورگر. نمودارهای آن، از قیف تبدیل تا نمودارهای دایره‌ای، و گردونه جایزه با SVG کشیده شده‌اند و همه صفحه‌ها از سیستم طراحی خود گیم‌پین در تم روشن و تیره ساخته شده‌اند.

کارهایی که انجام دادم

  • شش بازی برای کمپین: گردونه شانس، جک‌پات، مسابقه سؤالات، «سنگ، کاغذ، قیچی»، پیش‌بینی مسابقات و شخصیت‌شناسی
  • پنلی برای ساخت کمپین و دنبال کردن زنده شرکت‌کننده‌ها، نرخ تبدیل و جایزه‌ها
  • نمودارهای SVG: ستون‌های روزانه، قیف تبدیل و نمودارهای دونات و دایره‌ای
  • سیستم طراحی اختصاصی با تم روشن و تیره که رنگ همه متن‌هایش با استاندارد WCAG AA تست می‌شود
  • رندر سمت سرور یا پیش‌رندر به انتخاب هر مسیر، با داده‌های ساختاریافته برای پرسش‌های متداول
  • معماری تمیز بر پایه فیچرها، با تست‌های Vitest

پروژه مشابهی در ذهن دارید؟

بگویید چه چیزی می‌سازید و تا کی به آن نیاز دارید؛ با چند سؤال و قدم‌های بعدی جوابتان را می‌دهم.

تماس با من

طراحی و ساخته‌شده با Angular.