مروری بر بازسازی کامل فروشگاه اینترنتی مرموریس؛ از پلتفرم آنگولار به Next.js 15 به‌همراه بک‌اند و پنل مدیریتی کاملاً نوین.
برای دیدن تفاوت‌ها، نوار وسط هر تصویر را به چپ و راست بکشید.
چه تغییری کرد؟ نسخهٔ قبلی فروشگاه با Angular ساخته شده بود. در بازطراحی جدید، کل فرانت‌اند با Next.js 15 و معماری App Router از نو پیاده‌سازی شد؛ مسیریابی مدرن، بارگذاری سریع‌تر و ظاهری هماهنگ با هویت لوکس برند مرموریس.
چه تغییری کرد؟ پنل مدیریت نیز به‌طور کامل بازطراحی شد. پنل جدید با React و Vite ساخته شده و نسبت به نسخهٔ قبلی سریع‌تر، سبک‌تر و برای توسعه‌های آینده آماده‌تر است.
عملکرد سئو پس از بازطراحی — وضعیت فعلی سایت در نتایج جستجوی گوگل
روند هفتگی کلیک‌ها بر پایهٔ خروجی روزانهٔ Google Search Console برای دامنهٔ marmoris.store پس از بازطراحی. بیشترین کلیک در هفتهٔ پایانی گزارش (شهریور ۶ — ۳۷۸ کلیک) ثبت شده است. (هفتهٔ آخرِ بازه، ۶ روزه است.)
۱۰ عبارت پرکلیک سایت در نتایج جستجوی گوگل در بازهٔ گزارش — رتبه‌های برتر (۲ و کمتر) با رنگ برند مشخص شده‌اند.
| عبارت جستجو | کلیک | نمایش | نرخ کلیک | رتبه |
|---|---|---|---|---|
| مرموریس | ۲۵۳ | ۳۷۵ | ۶۷٫۵٪ | ۱٫۳۸ |
| سایت مرموریس | ۱۹۳ | ۲۸۷ | ۶۷٫۳٪ | ۱٫۶ |
| marmoris art | ۱۵۳ | ۲۶۸ | ۵۷٫۱٪ | ۲٫۱ |
| مرموریس سایت | ۱۱۴ | ۱۴۵ | ۷۸٫۶٪ | ۱٫۵۹ |
| marmoris store | ۶۳ | ۷۵ | ۸۴٪ | ۱٫۱۵ |
| مرموریس ارت | ۵۶ | ۱۰۱ | ۵۵٫۵٪ | ۲٫۷۱ |
| marmoris | ۴۸ | ۷۲ | ۶۶٫۷٪ | ۷٫۵۳ |
| مارموریس | ۳۵ | ۶۳ | ۵۵٫۶٪ | ۱٫۷۸ |
| marmoris-art | ۲۷ | ۵۵ | ۴۹٫۱٪ | ۲٫۴۵ |
| marmoris.store | ۲۴ | ۲۵ | ۹۶٪ | ۱ |
اسکرین‌شات واقعی از جستجوی گوگل برای مرموریس — نمایی از اعتبار و جایگاه سایت پس از بازطراحی
هوش مصنوعی گوگل · AI Overview
نتایج ارگانیک گوگل
منبع داده: خروجی رسمی Google Search Console برای دامنهٔ marmoris.store در بازهٔ ۵ تیر تا ۱۱ شهریور ۱۴۰۵ — تنها دوره‌ای که دادهٔ سئو برای آن در دسترس است (سایت جدید پس از بازطراحی). کلیک و نمایش: مجموع بازه؛ نرخ کلیک و میانگین رتبه: میانگین مقادیر روزانهٔ گزارش‌شده. داده‌ای از سئوی سایت قبلی موجود نیست و هیچ عددی برای آن گزارش یا تخمین زده نشده است.
همهٔ آنچه در این بازطراحی کامل اجرا و تحویل شده است
بازطراحی کامل لایهٔ نمایشی سایت
ساختار کامل فروشگاه به Next.js 15 و معماری App Router منتقل و از نو پیاده‌سازی شد.
رابط کاربری با حال‌وهوای لوکس و هماهنگ با هویت برند مرموریس برای کیف، پوشاک و زیورآلات.
پنل مدیریتی سبک و مدرن با React و Vite جایگزین پنل قبلی شد.
افکت‌های شیشه‌ای نرم و مدرن در نقاط کلیدی رابط کاربری پیاده‌سازی شد.
سرور، داده‌ها و امنیت
بک‌اند با Express 5 و تایپ‌اسکریپت و مونگو دی‌بی بازنویسی شد و در قالب ۱۵ ماژول سازماندهی شد: احراز هویت، محصولات، سبد خرید، سفارش‌ها، پرداخت زرین‌پال، سؤالات متداول، اسلایدرها، بنرها، وبلاگ و موارد دیگر.
کلیدها و اطلاعات حساس به‌صورت رمزنگاری‌شده (encrypted credentials) نگهداری می‌شوند.
درگاه و تسویهٔ امن سفارش‌ها
پرداخت آنلاین امن از طریق درگاه زرین‌پال در فرایند تسویهٔ سفارش فعال شد.
سیستم تطبیق خودکار پرداخت‌های کارت‌به‌کارت با سفارش‌ها؛ شناسایی و تأیید بدون بررسی دستی.
روان‌سازی مرور و خرید
به‌جای صفحه‌های خالی هنگام بارگذاری، جایگذاری‌های اسکلتی نرم نمایش داده می‌شود.
بارگذاری پیوستهٔ فهرست محصولات هنگام اسکرول، برای مروری روان بدون کلیک‌های اضافه.
سایز یا رنگ تمام‌شدهٔ هر محصول به‌درستی مدیریت می‌شود تا کالای ناموجود قابل سفارش نباشد.
نگاهی تحلیلی به دستاوردهای فنی و تجاری پروژه
نسخهٔ قبلی فروشگاه روی آنگولار ساخته شده بود و نگهداری و توسعهٔ آن روزبه‌روز دشوارتر می‌شد. در بازطراحی جدید، کل معماری فرانت‌اند بر پایهٔ Next.js 15 و App Router بازنویسی شد؛ کدنویسی تایپ‌اسکریپت در هر دو سمت کلاینت و سرور، بک‌اند ماژولار با ۱۵ سرویس مستقل، و حذف وابستگی‌های قدیمی، پایهٔ فنی پروژه را برای سال‌های آینده آماده کرده است.
پنل مدیریتی سبک‌تر با React و Vite، مدیریت دقیق‌تر موجودی و تنوع‌های ناموجود، و تجربهٔ خریدی روان‌تر، از جمله دستاوردهایی هستند که در بخش‌های قبلی این گزارش فهرست شدند و همگی به‌صورت مستقیم بر کیفیت استفادهٔ روزمره اثر می‌گذارند.
یک فروشگاه اینترنتی موفق، ترکیبی است از طراحی لوکس، خریدی بدون اصطکاک و زیرساختی که هرگز جلوی رشد کسب‌وکار را نمی‌گیرد.
هر بهبود در سرعت بارگذاری، سادگی مسیر خرید و حس اعتماد کاربر، به‌طور مستقیم روی نرخ تبدیل و رضایت مشتری اثر می‌گذارد. نسخهٔ جدید با حذف خطاهای رایج سفارش‌دهی، پشتیبانی از روش‌های پرداخت متنوع و نمایش دقیق موجودی، تجربهٔ خرید را برای مشتری مرموریس قابل‌پیش‌بینی‌تر کرده است.
خلاصهٔ تحلیلی تأثیر پروژه بر فروش، نرخ بازگشت مشتری و سایر شاخص‌های کسب‌وکار، پس از دریافت داده‌های دورهٔ اولیه به این بخش اضافه خواهد شد.
پایش مستمر شاخص‌های جستجو در Google Search Console و گزارش‌گیری دوره‌ای از نتایج؛ دادهٔ نخستین دوره هماکنون در بخش «عملکرد سئو» همین گزارش درج شده است.
رصد رفتار بازدیدکنندگان و خودکارسازی ارتباط با مشتری برای پیگیری سبدهای رها‌شده و وفادارسازی خریداران.
کدهای تخفیف پیشرفته، کمپین‌های مناسبتی و اطلاع‌رسانی هوشمند برای رشد فروش در فصول پرتقاضا.