طراحی پنل آموزشی برای سایت فروشگاهی

ما یک فروشگاه اینترنتی داریم که پک‌های آموزش بافت عروسک را می‌فروشد. نیاز به یک پنل آموزشی داریم که داخل سایت فروشگاهی (که یک سایت فروشگاهی قالب آماده است) قرار بگیرد و ویژگی‌های زیر را داشته باشد: 1. ساختار کلی پنل آموزشی: صفحه‌ای که تمام عروسک‌ها را به ترتیب نمایش دهد. کاربر با کلیک روی هر عروسک، به صفحه‌ی وارد کردن کد اختصاصی هدایت شود. هر نوع عروسک یک کد مادر دارد که روی کارت داخل بسته‌بندی درج شده است. کاربر این کد را وارد می‌کند و به صفحه آموزش مربوطه منتقل می‌شود. صفحه آموزش هر عروسک شامل ویدیوهای دسته‌بندی‌شده (مثلاً ویدیوهای مربوط به بدن، گوش، بال و...) است که هر بخش شامل چندین مرحله ویدیویی خواهد بود.(مثل سایت فرادرس) بخشی برای نمایش سوالات پرتکرار که در یک صفحه جداگانه در سایت اصلی قرار دارد و از این پنل به آن لینک داده می شود. 2. ویژگی‌های مورد نیاز: سیستم مدیریت ویدیو: ویدیوها باید به‌صورت مرحله‌ای نمایش داده شوند. قابلیت داشتن کیفیت‌های مختلف برای ویدیوها (در صورت امکان، مانند سایت ورزش3). حجم هر ویدیو حدود 70 تا 80 مگابایت است و درمجموع ممکن است بیش از 100 ویدیو داشته باشیم، پس باید راهکاری برای بهینه‌سازی حجم و کیفیت در نظر گرفته شود. سازگاری با سایت: این پنل باید به‌عنوان یک افزونه روی سایت ما که از قالب آماده سایت فروشگاهی میکسن استفاده می‌کند، نصب شود. در صورت نیاز، طراحی صفحه‌ای برای نمایش لیست عروسک‌ها هم انجام شود. کاربری آسان و روان: محیطی ساده و کاربرپسند باشد تا کاربران به‌راحتی بتوانند کد را وارد کرده و ویدیوهای آموزشی خود را ببینند. همچنین یک پنل مدیریتی برای افزودن و تغییرات در ویدیو ها،اپلود ویدیو های جدید و.... . سازگاری با دستگاه‌های مختلف: این پنل باید بدون مشکل روی گوشی‌های موبایل (اندروید و iOS) و سیستم‌های ویندوزی به‌درستی اجرا شود. قالب و طراحی باید ریسپانسیو باشد تا در اندازه‌های مختلف صفحه‌نمایش به‌هم نریزد و تجربه کاربری بدون مشکلی ارائه دهد. لطفاً در پیشنهاد خود جزئیات فنی و پیشنهادات خود جهت بهبود سایت را مشخص کنید.