خلاصه پروژه
این نمونه‌کار مربوط به طراحی و توسعه یک سایت اختصاصی روانشناسی با وردپرس برای برند «من بهتر» است. پروژه از مرحله تبدیل رابط کاربری به قالب وردپرسی آغاز شد و به یک سیستم کامل برای فروش و اجرای تست‌های روانشناسی تبدیل شد. در این سایت، امکاناتی مانند ساخت بی‌نهایت تست با تنظیمات اختصاصی، تعریف تست‌های دو نفره، سیستم فروش و پرداخت اختصاصی، ورود و ثبت‌نام با OTP از طریق ملی پیامک، پنل کاربری اختصاصی، کد تخفیف، نوتیفیکیشن اختصاصی و ساختار توسعه بر پایه MVC پیاده‌سازی شد. کل سیستم نیز با کاستوم پست تایپ، متاباکس و منطق اختصاصی پرداخت توسعه داده شده است.
نکات برجسته پروژه
- توسعه کامل سایت تست روانشناسی با وردپرس به‌صورت اختصاصی
- ساخت سیستم فروش تست بدون وابستگی به افزونه‌های آماده
- پیاده‌سازی ورود و ثبت‌نام OTP با اتصال به ملی پیامک
- امکان ساخت نامحدود تست با تنظیمات اختصاصی و تست دو نفره
- طراحی پنل کاربری اختصاصی برای مدیریت تست‌ها و پرداخت‌ها
- استفاده از MVC، PHP 8.3 و ساختار اختصاصی پرداخت با زرین‌پال
تصویر کامل صفحه پروژه
تصاویر بیشتر از بخش‌های پروژه
توضیحات پروژه
توسعه قالب داینامیک از UI تا وردپرس
رابط کاربری پروژه از ابتدا به قالبی کاملاً داینامیک در وردپرس تبدیل شد تا تمام بخش‌های سایت، از صفحه اصلی تا صفحات تست و پنل کاربری، قابل مدیریت و قابل توسعه باشند.
سیستم اختصاصی ساخت و فروش تست
برای این پروژه یک سیستم اختصاصی برای تعریف بی‌نهایت تست، تعیین نوع تست، امکان تست دو نفره، قیمت‌گذاری و مدیریت سوالات و نتایج پیاده‌سازی شد.
پنل کاربری و احراز هویت اختصاصی
پنل کاربری اختصاصی برای مشاهده تست‌های خریداری‌شده، پرداخت‌ها و ویرایش اطلاعات کاربر طراحی شد و فرآیند ورود و ثبت‌نام نیز با OTP و ملی پیامک انجام می‌شود.
ساختار فنی و پرداخت آنلاین
سیستم پرداخت با زرین‌پال، کد تخفیف، Toast notification اختصاصی، منطق MVC و ساختار مبتنی بر کاستوم پست تایپ و متاباکس، هسته اصلی این پروژه را شکل داده‌اند.
ابزارها و تکنولوژی‌ها
معرفی و هدف پروژه
سایت تست روانشناسی با وردپرس در این پروژه با هدف ساخت یک پلتفرم اختصاصی برای معرفی، فروش و اجرای تست‌های روانشناسی توسعه داده شد. این پروژه برای برند «من بهتر» طراحی شد تا کاربران بتوانند تست‌های مختلف شخصیت و روانشناسی را مشاهده کنند، تست مناسب خود را انتخاب کنند، هزینه آن را بپردازند و نتیجه را از طریق پنل کاربری دنبال کنند.
بر اساس اسکرین‌شات‌های پروژه، ساختار سایت فقط به یک صفحه معرفی ساده محدود نیست. صفحه اصلی برای معرفی تست‌ها، مزیت‌های مجموعه، مراحل استفاده و نظرات کاربران طراحی شده است. علاوه بر آن، صفحه اختصاصی هر تست مانند تست MBTI، پنل مدیریت تست‌ها در پیشخوان وردپرس و پنل کاربری کاربران نیز به‌صورت اختصاصی توسعه داده شده‌اند.
چالش اصلی پروژه
چالش اصلی این پروژه، توسعه یک سیستم کامل تست روانشناسی در وردپرس بدون وابستگی به افزونه‌های آماده بود. این یعنی منطق فروش، ساخت آزمون، مدیریت سوالات، ورود و ثبت‌نام، پنل کاربری، پرداخت آنلاین و حتی ساختار نمایش نتایج باید به‌صورت اختصاصی پیاده‌سازی می‌شد.
بخش مهم دیگر پروژه، انعطاف در تعریف تست‌ها بود. مدیر سایت باید بتواند بی‌نهایت تست با ویژگی‌های متفاوت بسازد، نوع تست را مشخص کند، تست دو نفره تعریف کند، برای هر تست قیمت بگذارد و سوالات و گزینه‌ها را از طریق متاباکس‌ها مدیریت کند. این نیاز باعث شد ساختار پروژه بر پایه کاستوم پست تایپ، متاباکس و الگوی MVC طراحی شود.
قابلیت‌های پیاده‌سازی‌شده
در این پروژه، تمرکز فقط روی ظاهر سایت نبود و بخش مدیریتی و منطق تجاری آن نیز به‌صورت کامل طراحی شد. همین موضوع باعث شده این نمونه‌کار بیشتر به یک پلتفرم اختصاصی شباهت داشته باشد تا یک سایت محتوایی معمولی.
- تبدیل کامل طرح UI به قالب داینامیک وردپرسی
- ساخت سیستم اختصاصی فروش تست‌های روانشناسی
- امکان تعریف بی‌نهایت تست با قیمت، نوع تست و تنظیمات مختلف
- پشتیبانی از تست‌های دو نفره در ساختار آزمون
- ورود و ثبت‌نام اختصاصی با OTP و اتصال به ملی پیامک
- طراحی پنل کاربری برای مدیریت تست‌ها، پرداخت‌ها و اطلاعات کاربر
- اتصال درگاه پرداخت آنلاین از طریق زرین‌پال
- پیاده‌سازی سیستم کد تخفیف و Toast notification اختصاصی
نتیجه اجرا و ارزش پروژه برای کسب‌وکار
خروجی نهایی پروژه، یک سایت اختصاصی روانشناسی بود که هم از نظر ظاهری ساختار مرتب و کاربرپسند دارد و هم از نظر فنی می‌تواند فرآیند کامل فروش و اجرای تست را پوشش دهد. کاربر از صفحه اصلی وارد مسیر انتخاب تست می‌شود، جزئیات هر آزمون را می‌بیند، پرداخت را انجام می‌دهد و سپس در پنل کاربری خود به تست‌های خریداری‌شده و سوابق پرداخت دسترسی دارد.
برای کسب‌وکاری که در زمینه تست‌های شخصیت و روانشناسی فعالیت می‌کند، این ساختار ارزش زیادی دارد؛ چون وابستگی به ابزارهای آماده را کاهش می‌دهد و امکان توسعه آینده سیستم بر اساس نیازهای جدید را فراهم می‌کند. برای آشنایی بیشتر با سبک اجرا، می‌توانید بخش نمونه کارهای سایت میثم وب را بررسی کنید.
هماهنگی با وردپرس و سئو پایه
این پروژه روی وردپرس پیاده‌سازی شده، اما ساختار آن با منطق اختصاصی توسعه یافته است. استفاده از کاستوم پست تایپ و متاباکس باعث شده مدیریت تست‌ها، سوالات و محتوای هر آزمون به‌صورت منظم انجام شود. صفحات عمومی سایت، صفحه هر تست و بخش‌های محتوایی نیز به‌گونه‌ای طراحی شده‌اند که هم برای کاربر خوانا باشند و هم از نظر سئو پایه ساختار قابل قبولی داشته باشند.
همچنین تفکیک درست صفحات، وجود توضیحات برای هر تست، سوالات متداول و مسیر روشن خرید و شروع آزمون، به کامل‌تر شدن محتوای سایت کمک کرده است.
سوالات متداول
آیا این سایت با افزونه آماده تست روانشناسی ساخته شده است؟
خیر. این پروژه به‌صورت اختصاصی در وردپرس توسعه داده شد و منطق ساخت تست، فروش، پرداخت، پنل کاربری و مدیریت سوالات به‌صورت سفارشی پیاده‌سازی شده است.
مدیر سایت چگونه تست‌های جدید را ایجاد می‌کند؟
برای مدیریت تست‌ها، ساختاری مبتنی بر کاستوم پست تایپ و متاباکس در نظر گرفته شده است تا مدیر بتواند تست جدید بسازد، نوع تست را تعیین کند، قیمت بگذارد و سوالات و گزینه‌ها را مدیریت کند.
آیا ورود کاربران در این سایت با OTP انجام می‌شود؟
بله. ورود و ثبت‌نام کاربران به‌صورت اختصاصی و با OTP انجام می‌شود و این بخش به سیستم ملی پیامک متصل شده است.
آیا برای تست‌ها امکان پرداخت آنلاین وجود دارد؟
بله. در این پروژه پرداخت آنلاین از طریق زرین‌پال پیاده‌سازی شده و در کنار آن سیستم کد تخفیف اختصاصی نیز وجود دارد.
آیا کاربران بعد از خرید به پنل اختصاصی دسترسی دارند؟
بله. کاربران بعد از ورود می‌توانند در پنل کاربری خود تست‌های خریداری‌شده، وضعیت پرداخت‌ها و اطلاعات حساب کاربری‌شان را مشاهده و مدیریت کنند.
