نمونه‌ی مفهومی. این پروژه را استودیو لوزی برای نمایش روش کارش طراحی کرده است؛ نام‌ها و داده‌ها واقعی نیستند و بخش «اثر» فقط هدف و برنامه‌ی سنجش را نشان می‌دهد.
خلاصه
| صنعت | آموزش آنلاین طراحی محصول |
|---|---|
| نقش لوزی | UX، UI، توسعه، طراحی تست A/B |
| پلتفرم | وردپرس + المنتور + LMS |
| دامنه | صفحه‌ی فروش، کاتالوگ، پخش جلسه، ثبت‌نام و پرداخت |
| زمان‌بندی | ۹ هفته |
چالش
تبلیغات بازدید می‌آورد اما صفحه‌ی فروش فقط یک متن طولانی و یک دکمه‌ی پرداخت بود و به سؤال اصلی بازدیدکننده جواب نمی‌داد: «این دوره برای من کار می‌کند؟» بعد از ثبت‌نام هم دانشجو در جلسه‌های میانی رها می‌شد.
هدف‌ها و معیار موفقیت
- نمایش ارزش: ویدیوی معرفی، خروجی‌های مشخص و نمونه‌کار دانشجوها. معیار: نرخ ثبت‌نام.
- همراهی تا پایان: پنل با پیشرفت، تمرین و پرسش‌وپاسخ منتور. معیار: نرخ تکمیل دوره.
- ثبت‌نام ۳ قدمی با گزینه‌ی قسطی. معیار: زمان و نرخ تکمیل پرداخت.
سیستم طراحی
- رنگ: پالت Violet؛ سفید روی Violet 600 5.80:1 است، پس دکمه‌ها روی 600 بدون تغییر AA را پاس می‌کنند. سطوح ویژه (قیمت پیشنهادی) روی Violet 50.
- تایپوگرافی: Display 2xl برای تیتر صفحه‌ی فروش؛ شمارنده‌ی معکوس با ارقام فارسی DemiBold.
- چیدمان: صفحه‌ی پخش با ستون سرفصل ۳۲۰px و ناحیه‌ی پلیر ۱۶:۹.
معماری کامپوننت
پلیر با کنترل‌ها و زیرنویس، آکاردئون سرفصل با نوار پیشرفت، کارت قیمت سه‌پلنی (پلن پیشنهادی با Badge)، فیلد کد تخفیف با حالت موفق/خطا.
صفحه‌های کلیدی
- صفحه‌ی فروش: ترتیب «ویدیو ← خروجی‌ها ← سرفصل ← قیمت ← نمونه‌کار ← سؤالات» تا هر تردید قبل از رسیدن به قیمت جواب بگیرد.
- پنل دانشجو: پیشرفت، تمرین و پاسخ منتور در یک صفحه.
- ثبت‌نام: سه پلن (کامل، قسطی، تیمی) و ضمانت بازگشت وجه در دید.
موبایل
پلیر و سرفصل برای تماشا در مترو بازطراحی شد؛ دکمه‌ی ثبت‌نام چسبان پایین صفحه.
تحویل و پیاده‌سازی
LMS برای دوره و پیشرفت؛ صفحه‌ی فروش در المنتور با دو نسخه برای تست A/B.
اثر
تحویل‌شده: ۴ قالب، موبایل، طرح تست A/B. برنامه‌ی اندازه‌گیری: نرخ ثبت‌نام، تکمیل دوره، زمان پرداخت. [جای نتایج واقعی]
