بازگشت به پروژه‌ها
تبلت · 820×1180 
موبایل · 390×844
01
پروژه مشتری · مرجع علمی و فروشگاه
MV Anabolic
یک سایت واقعی برای مشتری: مرجع علمی استروئیدهای آنابولیک به‌همراه فروشگاه محصول، فیلتر و جست‌وجو؛ کاملا سفارشی روی وردپرس و راست‌چین.
نقش
توسعه‌دهنده فول‌استک / مهندس تم
فناوری
- PHP / WordPress · Custom theme
- JavaScript · Filtering, autocomplete, HUD UI
- MySQL · Product & meta storage
- REST API · Ajax autocomplete search
- Schema.org · Product + Breadcrumb SEO
●mvanabolic.com
2026نسخه‌های مختلف
همان پروژه، سه اندازه. نماهای دسکتاپ، تبلت و موبایل.
●دسکتاپ · 1280×800
2026معماری سطح بالا
USER
MV ANABOLIC
PRODUCT CPT
META STORE
MYSQL
SEO / SCHEMA
01 · MV Anabolic · © 2026
LIVE · mvanabolic.comمساله
- داده‌های تخصصی محصول به خانه‌ای مطمئن نیاز داشتند و باید به شکلی قابل اعتماد برای کاربر نمایش داده می‌شدند.
- تعداد زیاد محصول بدون ساختار درست، پیدا کردن هر چیز را سخت کرده بود.
رویکرد
- نوع محتوای سفارشی mv_product را با فیلدهای متای ساخت‌یافته طراحی کردم.
- بعد فیلتر برند/نوع، مرتب‌سازی و جست‌وجوی خودکار Ajax را اضافه کردم تا کار هیچ‌وقت گیر نکند.
معماری
- کاربر ← سایت ← نوع محتوای محصول ← متا ← MySQL.
- برای هر محصول اسکیمای ساخت‌یافته و مسیر ناوبری.
فناوری
- PHP / WordPress
- JavaScript
- MySQL
- REST API
- Schema.org
چالش‌ها
- راست‌چین کردن کامل تجربه با تایپوگرافی فارسی که آزاردهنده نباشد.
- سرعت فیلتر را با وجود حجم بالای محصول و متاداده حفظ کردن.
نتیجه
- سایتی زنده و دوزبانه که داده‌های علمی را حرفه‌ای نشان می‌دهد.
- محصولات با فیلتر سریع، جست‌وجو و سئوی قوی.