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

پاکشوما: کمپین خانه دلخواه با Vue.js

کمپین یخچال‌های پاکشوما: بازدیدکننده به پنج سؤال جواب می‌دهد، خانه دلخواهش را می‌بیند و کد تخفیف می‌گیرد و با خرید یخچال در قرعه‌کشی یک خانه شرکت می‌کند.

  • Vue.js
  • TypeScript
  • Pinia
  • Vue Router
  • Vite
  • Axios
تصویر کامل صفحه شروع در کمپین خانه دلخواه پاکشوما

درباره پروژه

پاکشوما لوازم خانگی تولید می‌کند. در کمپین یخچال‌های آن، بازدیدکننده به پنج سؤال درباره خانه رؤیایی‌اش جواب می‌دهد، از جایی که دوست دارد زندگی کند تا رنگ‌هایی که می‌پسندد، تصویر آن خانه را می‌بیند و یک کد ۱۰٪ تخفیف می‌گیرد. خرید و نصب یخچال از وب‌سایت پاکشوما هم او را در قرعه‌کشی یک خانه ۱۵ میلیارد تومانی به سلیقه خودش شرکت می‌دهد.

این کمپین را در آژانس ترند همراه با یکی از هم‌تیمی‌هایم با ⁨Vue.js 3⁩، ⁨TypeScript⁩، ⁨Pinia⁩ و ⁨Vite⁩ ساختم. همه مرحله‌ها داخل یک یخچال باز پاکشوما می‌گذرند. بازدیدکننده شماره تلفنش را با یک کد یک‌بارمصرف تأیید می‌کند و تصویرش را دانلود یا به اشتراک می‌گذارد و تیم کمپین کاربران و هدیه‌ها را در پنل مدیریت دنبال می‌کند.

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

  • پنج سؤال درباره خانه دلخواه بازدیدکننده، با آیکون و تصویری برای هر جواب
  • ثبت‌نام با شماره تلفن و کد یک‌بارمصرفی که می‌شود آن را چسباند، خودش بین خانه‌ها جلو می‌رود و تا ارسال دوباره شمارش معکوس دارد
  • تصویر خانه دلخواه برای دانلود یا اشتراک‌گذاری با Web Share API
  • کد ۱۰٪ تخفیف همراه با قرعه‌کشی یک خانه
  • پنل مدیریت با آمار کاربران و هدیه‌ها و فهرست شرکت‌کننده‌ها

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

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

تماس با من

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