پرش به محتوای اصلی
Case Study · پلتفرم آموزش آنلاین

ساخت تجربه آموزشی که بعد از خرید هم کاربر را همراه نگه می‌دارد

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

LMSWooCommerceUXVideo Learning
آکادمی راه‌نو
نتیجه کلیدیپنل دانشجو + پیشرفت دوره
مشتری / برندآکادمی آموزشی فرضی
مدت اجرا۹ هفته
شروع پروژه
لانچ / تحویل
تعداد صفحات
وضعیتدموی کامل پورتفولیو
نمای کلی

پروژه از چه مسئله‌ای شروع شد؟

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

در این طراحی، صفحه دوره به‌صورت فروش‌محور اما شفاف ساخته شد و پنل دانشجو به جای منوهای زیاد، روی «ادامه یادگیری»، تکالیف و وضعیت دوره تمرکز دارد. محتوا می‌تواند ویدیو، فایل، آزمون و جلسه آنلاین داشته باشد.

Scope پروژه

فروش دوره، پنل دانشجو و مسیر یادگیری

چالش

چالش اصلی پروژه

صفحه دوره اطلاعات زیادی داشت اما تصمیم خرید را آسان نمی‌کرد؛ دانشجوها بعد از خرید برای پیدا کردن لینک‌ها و فایل‌ها به پیام‌رسان وابسته بودند.

راهکار

راهکار طراحی‌شده

صفحه دوره با ساختار مسئله/خروجی/سرفصل/مدرس/FAQ بازطراحی و یک داشبورد یادگیری اختصاصی ساخته شد. اعلان‌های مهم در پنل و ایمیل قابل نمایش هستند و هر جلسه وضعیت تکمیل دارد.

اهداف پروژه

خروجی‌هایی که باید واقعاً به دست می‌آمدند

01

افزایش وضوح صفحه دوره

نمایش خروجی یادگیری و مناسب بودن دوره قبل از سرفصل‌ها.

02

کاهش پشتیبانی دستی

قرار دادن فایل، لینک و اطلاعیه در پنل دانشجو.

03

پیگیری پیشرفت

نمایش درصد تکمیل و پیشنهاد جلسه بعد.

04

فروش مکمل

پیشنهاد دوره مرتبط بدون مزاحمت در مسیر یادگیری.

۶نوع محتواویدیو، متن، فایل، آزمون، تمرین، جلسه
۳نقش کاربریدانشجو، مدرس، مدیر
۱داشبورد مرکزیبرای ادامه یادگیری
۲۴/۷دسترسی محتوابر اساس سطح دسترسی
Product Design Process

از Site Map و Wireframe تا UI/UX و Development

فرآیند واقعی پروژه به‌صورت مرحله‌ای ثبت شده تا تصمیم‌های طراحی و توسعه قابل دنبال کردن باشند.

۰۱
PROCESS

کشف و معماری

جلسات نیازسنجی، تعریف کاربران، مسیرهای اصلی، KPI و مدل محتوایی انجام شد و دامنه نسخه اول به‌صورت شفاف مستند شد.

۰۲
PROCESS

UX و وایرفریم

User Flowهای اصلی به وایرفریم تبدیل شدند؛ سناریوهای موبایل در اولویت قرار گرفتند و نقاط اصطکاک قبل از طراحی بصری اصلاح شدند.

۰۳
PROCESS

UI و Design System

رابط کاربری با کامپوننت‌های قابل استفاده مجدد، قواعد تایپوگرافی، فاصله‌گذاری، حالات فرم و Responsive States طراحی شد.

۰۴
PROCESS

توسعه و یکپارچه‌سازی

Front-end و Back-end/WordPress پیاده‌سازی، اتصال سرویس‌ها انجام و داده نمونه نزدیک به حالت واقعی وارد شد.

۰۵
PROCESS

تست و انتشار

سناریوهای اصلی، فرم‌ها، موبایل، لینک‌ها، دسترسی‌ها و خطاهای مرزی تست و پس از UAT نسخه آماده انتشار شد.

Feature List

قابلیت‌های کلیدی نسخه اجراشده

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

فیلتر دوره بر اساس سطح و موضوع

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

پیش‌نمایش رایگان چند جلسه

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

داشبورد ادامه یادگیری

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

ثبت پیشرفت و تکمیل جلسه

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

آزمون و گواهی پایان دوره

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

کد تخفیف و بسته‌های چنددوره‌ای

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

Technology Stack

فناوری‌ها و ابزارهای استفاده‌شده در پروژه

Tech Stack به تفکیک نقش در طراحی، توسعه، زیرساخت، سئو و یکپارچه‌سازی نمایش داده می‌شود.

WordPressTechnology
WooCommerceTechnology
LMS EngineTechnology
MySQLTechnology
Video CDN ReadyTechnology
REST APITechnology
SMTPTechnology
PWA-readyTechnology
نتیجه پروژه

آنچه بعد از اجرا بهتر شد

  • مسیرهای اصلی کاربر از ورود تا اقدام نهایی به‌صورت واضح و قابل اندازه‌گیری طراحی شدند.
  • محتوا و داده‌های کلیدی به مدل‌های قابل مدیریت تبدیل شدند تا تیم داخلی برای تغییرات روزمره وابسته به توسعه‌دهنده نباشد.
  • نسخه موبایل به‌عنوان یک تجربه مستقل بررسی شد و CTA، فرم و اجزای مهم برای لمس و خوانایی بهینه شدند.
  • رویدادهای مهم محصول و بازاریابی برای تحلیل رفتار و تصمیم‌گیری بعدی تعریف شدند.
  • ساختار فنی و Design System امکان توسعه صفحات و قابلیت‌های بعدی را بدون بازطراحی کامل فراهم می‌کند.
نتیجه کلیدیپنل دانشجو + پیشرفت دوره

جزئیات نتیجه بر اساس داده واقعی پروژه در پیشخوان Case Study قابل ویرایش است.

کارشناس مشاوره و پشتیبانی Nemove پاسخ‌گویی و بررسی پروژه
مشاوره تخصصی Nemove

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

نوع کسب‌وکار، کاربران و خروجی مورد انتظار را توضیح دهید تا معماری مناسب، فناوری و مسیر اجرای نسخه اول بررسی شود.

بررسی نیازها پیشنهاد مسیر اجرا پاسخ‌گویی سریع