پروتوتایپ پلتفرم گیمیفیکیشن فرآوند
این نسخه اولیه برای دریافت نظر ذینفعان درباره جهت طراحی ساخته شده است؛ نه پیادهسازی فنی. هدف این است که قبل از شروع توسعه، روی حس برند، ساختار صفحات، مسیر کاربر و سبک بصری به توافق برسیم. همه صفحات RTL، فارسی و موبایلفرندلی هستند.
📌
محدوده این پروتوتایپ: پنج صفحه کلیدی برای تأیید جهت طراحی.
بقیه صفحات (لاگین، جزئیات بازی، دمو، انتشار، اعتبار، پروفایل، ادمین و موبایل) بعد از
تأیید این جهت بصری ساخته میشوند تا از دوبارهکاری جلوگیری شود.
⚡️
تست سرعت موبایل:
صفحه ساده mobile-test.html
برای مقایسه سرعت رندر موبایل نسبت به صفحات اصلی پروتوتایپ ساخته شده.
حس محصول
فان اما قابل اعتماد · مدرن اما حرفهای · ساده اما لذتبخش · مناسب صاحب کسبوکار، نه گیمر.
سبک بصری
Clay-like 3D، کارتهای نرم با سایه ملایم، رنگهای شاد ولی کنترلشده، ایکونهای دوستانه و micro-interactionهای سبک.
اصول UX
ابتدا ارزش، بعد ثبتنام · هر مرحله یک تصمیم · پیشنمایش زنده در کنار فرم · موبایل-فرست واقعی، نه نسخه کوچکشده دسکتاپ.
صفحات طراحیشده در این ایتریشن
۰۱ · لندینگ اصلی
Landing Page
هیرو با گردونه شانس · پیام برند فرآوند · «بازی برندت رو بساز»
۰۲ · ویترین بازیها
Game Catalog
کارت بازی · فیلتر بر اساس هدف کمپین، KPI و کانال انتشار
۰۳ · ساخت کمپین (Wizard)
Order Wizard
مراحل ۶ گانه · پیشنمایش زنده موبایل · قلب محصول
۰۴ · داشبورد کاربر
User Panel · Dashboard
خلاصه KPI · اعتبار هدیه · پیشنهاد اقدام بعدی · نوتیفیکیشن
۰۵ · آمار کمپین
Campaign KPI Dashboard
بازدید، تکمیل، CTR، توزیع جوایز، منبع ورود و milestoneها
صفحات بعد از تأیید این طراحی
جزئیات بازی + دمو
Game Detail + Live Demo
ورود با OTP
OTP Login
مرکز انتشار
Publish Center (لینک · QR · iframe · پیامک)
اعتبار من
Credit Account & Ledger
پنل ادمین
Super-Admin Console
نسخه موبایل پنل
Mobile-First Panel
سیستم طراحی · توکنهای اولیه
Primary
#5246E5
Accent (Coral)
#FF6B5B
Gold (Reward)
#F59E0B
Success
#10B981
Background (Cream)
#FBF7F1
Surface
#FFFFFF
Text
#1A1A2E
Muted
#6B7280
برچسب پیشفرض
برچسب اصلی
برچسب Accent
برچسب جایزه
منتشرشده
اطلاعاتی
سرتیتر اصلی · Vazirmatn 800
سرتیتر بخش · 700
پاراگراف معمولی محصول با لحن دوستانه، حرفهای و فارسی.
متن کمکی، توضیح فیلد یا hint — همیشه ملایمتر از متن اصلی.
اعداد: ۱۲۳۴۵۶۷۸۹۰ · 1234567890
سؤالهایی که از ذینفعان داریم
- آیا حس برند درست است؟ (فان + قابل اعتماد + مدرن)
- آیا پالت رنگی برای صاحب کسبوکار ایرانی مناسب است؟
- آیا مسیر «دمو → سفارش → ثبتنام» در Wizard واضح است؟
- آیا داشبورد KPI به زبان کسبوکار صحبت میکند؟
- چه چیزی باید قبل از ساخت بقیه صفحات تغییر کند؟