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

مطالعه موردی

سنگ صدف

وب‌سایت رسمی شرکت

Next.jsTypeScriptTailwind CSSPostgreSQLPrismanext-intl
سنگ صدف — وب‌سایت رسمی شرکت

نگاه کلی

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

مسئله

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

راه‌حل

پلتفرمی واکنش‌گرا با Next.js ساختم که کاتالوگ فیلترپذیر، صفحات محلی‌سازی‌شده محصول، داده فنی ساختاریافته، درخواست قیمت، متادیتای چندزبانه، Canonical و hreflang، محتوای متصل به PostgreSQL و تحویل بهینه رسانه را ترکیب می‌کند.

نقش من

  • کشف نیاز محصول، طراحی UI/UX و پیاده‌سازی کامل واکنش‌گرا
  • معماری Next.js، مدل‌های تایپ‌شده محصول و اتصال PostgreSQL و Prisma
  • محلی‌سازی چهارزبانه با فارسی و عربی RTL و انگلیسی و روسی LTR
  • کاتالوگ، جزئیات محصول، فرم‌های قیمت، اعتبارسنجی و جریان‌های مدیریتی
  • SEO فنی، دسترس‌پذیری، کارایی، استقرار و عملیات دامنه

چالش‌ها

معماری چندزبانه محصولات

کاتالوگ بزرگ به مسیرهای پایدار محلی‌سازی‌شده، متادیتای ترجمه‌شده، Canonical، hreflang و کامپوننت‌های جهت‌پذیر نیاز داشت؛ بدون تکرار منطق محصول.

تعادل کیفیت تصویر و کارایی

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

جذب سرنخ قابل اعتماد

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

نتیجه

پلتفرم با ۱۳۲ مسیر Sitemap در چهار زبان منتشر شد و تجربه‌ای حرفه‌ای برای کاتالوگ و دریافت قیمت ساخت. نسخه Release Candidate بعدی ۱۷۲ صفحه استاتیک تولید کرد و از تست‌های واحد، امنیت، دسترس‌پذیری، لینک، API و Viewport عبور کرد.

درس‌های آموخته

  • SEO چندزبانه مسئله Routing و مدل داده است، نه فقط ترجمه متن
  • سایت تصویری محصول به بودجه روشن برای کارایی رسانه نیاز دارد
  • فرم تجاری به همان اندازه قابلیت حساب کاربری به امنیت نیاز دارد
  • ارتباط با کارفرما، استقرار، مانیتورینگ و تست رگرسیون بخشی از تحویل‌اند