

سایت فروشگاهی
- توسعه نرمافزار و آیتی
- زمان باقیمانده برای ارسال پیشنهاد
۱. استراتژی رنگبندی و هویت بصری (The Tinted Palette) برنامهنویس حق استفاده از کد رنگی سفید مطلق را در هیچ کجای پروژه ندارد. تمام پسزمینهها باید دارای یک توناژ (Tint) بسیار ملایم باشند تا سایت عمق پیدا کند.
پسزمینه کلیکپذیر (Main Background): خاکستریِ یخی با تهرنگ بسیار ملایم آبی (#F8FAFC یا #F1F5F9). این رنگ حس تکنولوژی و سختافزار را القا میکند.
باکسها و کارت محصولات: برای اینکه روی پسزمینه محو نشوند، باید از یک لایه روشنتر مثل #FAFAFA (سفیدِ استخوانی) یا افکت شیشهای بسیار مات استفاده شود.
رنگ سازمانی (Primary): سرمهای عمیق (#0F172A) برای خواناییِ بالا در متون اصلی و دکمهها.
رنگ مکمل (Accent): فیروزهای ملایم (#06B6D4) صرفاً برای تگها و جلب توجه کاربر.
۲. تجربه کاربری و میکرو-اینتراکشنها (UX & Interactions) لذت بردن کاربر از سایت، در گروِ روان بودنِ حرکتها و پاسخدهیِ سریعِ المانهاست.
اسلایدر هومپیج (Split-View): دقیقاً مطابق رفرنس؛ یک معماری دوتکه. نیمی از تصویر به تایپوگرافی و شعارهای جذاب (با بکگراند رنگیِ اختصاصی) اختصاص مییابد و نیمهی دیگر، اسلایدرِ نرم و بدون پرشِ محصولات است. در نسخه موبایل، این بخش بهطور هوشمندانه تغییر ابعاد میدهد تا اسلایدر کل فضا را بگیرد.
افکت هاورِ محصولات (Zoom Effect): وقتی کاربر موس را روی کارت محصول میبرد، تصویر هارد دیسک با یک انیمیشن بسیار نرم (مثلاً transition-transform duration-300 scale-105 در Tailwind) کمی زوم میشود و همزمان یک سایهی محو زیر کارت شکل میگیرد. این دقیقاً همان حسِ پویاییِ قالبهای مدرن را تداعی میکند.
حذف موانع: هیچ پاپآپِ مزاحم یا فرمهای پیچیدهای نباید در مسیر کاربر قرار بگیرد. دسترسی به سبد خرید و لاگین باید در یک کلیک و کاملاً در دسترس (Seamless) باشد.
۳. الزامات حیاتی توسعه: کلین کد و سئوی تکنیکال (SEO & Clean Code) این بخش قلب تپندهی پروژه است و جای هیچگونه اغماضی ندارد. استفاده از Next.js 16 فقط زمانی ارزشمند است که این استانداردها رعایت شوند:
سئوی تکنیکال (SSR & SSG): برنامهنویس موظف است تمام صفحات محصولات و دستهبندیها را با رندر سمت سرور (Server-Side Rendering) پیادهسازی کند. خزندههای گوگل و ترب باید سورسِ کامل HTML همراه با قیمتهای آپدیتشده را در کسری از ثانیه بخوانند.
ساختار معنایی (Semantic HTML) و Schema: استفادهی دقیق از تگهای ساختاریافته (Product Schema) برای نمایش مستقیم قیمت، موجودی و ستارههای محصول در نتایج جستجوی گوگل.
کلین کد (Clean Code) و پرفورمنس: کدهای CSS باید از طریق Tailwind کاملاً Purge شوند (حذف کدهای استفادهنشده). هیچ کتابخانهی جاوااسکریپتِ سنگین و غیرضروری نباید به پروژه تزریق شود. سرعت لود صفحات (Core Web Vitals) باید در ابزار Google PageSpeed روی سبز باشد.
۴. معماری فشرده و کارآمد صفحات (۵ الی ۶ صفحه) سایت دقیقاً روی همین ۵ (یا نهایتاً ۶) صفحه معماری میشود تا کاربر در هزارتوی لینکها گم نشود:
صفحه اصلی (Home Page): ویترین اصلی با همان اسلایدر دوتکه، نوار برندها و نمایش پرفروشترینها.
آرشیو محصولات (PLP - Product Listing Page): نمایش شبکهای قطعات با فیلترهای کاملاً در دسترس و بدون پاپآپ، همراه با اسکلتون لودرهای حرفهای.
جزئیات کالا (PDP - Product Detail Page): تمرکز روی عکس کالا، دکمه خرید، مشخصات فنی آکاردئونی و پیشنهاد محصولات مکمل (Cross-sell).
تسویهحساب تکمرحلهای (One-Page Checkout): تجمیع فرم آدرس، انتخاب روش ارسال و پیشفاکتور در یک صفحهی واحد برای اتصال سریع به درگاه زرینپال.
احراز هویت و داشبورد یکپارچه (My Account): دریافت شماره موبایل و OTP مستقیماً در صفحه، و تبدیلِ همان صفحه به پنل پیگیری سفارشات پس از ورود.
مجله تکنولوژی / مقالات (صفحه ۶ - اختیاری اما حیاتی برای سئو): بستری کلین و متنمحور برای انتشار بنچمارکها و راهنمای خرید جهت جذب ترافیک ارگانیک از گوگل.
۵. بکاَند اختصاصی و سیستم چابک (Custom CMS) تکنولوژی: NestJS و پایگاه داده PostgreSQL.
قیمتگذاری درونبرنامهای (Inline Grid): پنل ادمین باید دارای یک جدول زنده باشد. تغییر قیمت و موجودی مستقیماً در سلولهای این جدول با زدن دکمه Enter در دیتابیس ثبت شده و بلافاصله در سایت و فیدِ خروجیِ ترب آپدیت میشود.
اتصال لحظهای (Real-time Feed): ساختار API اختصاصی برای تغذیهی اتوماتیک موتورهای جستجوی کالا (ترب و ایمالز).
برای بخش تسویهحسابِ تکمرحلهای (One-Page Checkout) که برای راحتیِ کاربر بهینهسازی میشود، سیستم محاسبهی هزینه ارسال (پست/تیپاکس) قرار است از API شرکت پست بهرمند شود
۶. تعهدات زیرساخت، استقرار و امنیت (DevOps & Deployment) -
تعهدات اجرایی برنامهنویس در این بخش به شرح زیر است:
مدیریت مخازن کد (Version Control): توسعهدهنده موظف است سورسکدهای پروژه را در دو مخزن (Repository) کاملاً مجزا و خصوصی (Private) در پلتفرم GitHub (یک مخزن برای Next.js و یک مخزن برای NestJS) مدیریت کند و دسترسیِ مالکیت کاملِ آنها را به کارفرما ارائه دهد.
کانفیگ سرور لینوکس (Server Provisioning)
پیکربندی وبسرور و SSL
مدیریت پروسهها (Process Management)
راهاندازی سیستم آپدیت خودکار (CI/CD Pipeline)
امنیت دادههای حساس (Environment Variables)
نمونه مورد نظر: https://minimog.thememove.com
مهارتهای مورد نیاز
جاوا اسکریپت (JavaScript)
سئو (SEO)
Software Development
Website Management
ری اکت (React)
فایل ها
سرویسهای مرتبط
فریلنسرهایی که در این پروژه پیشنهاد ارسال کردهاند
amirvahedy4.93(9) امتیاززمان تحویل: 30 روزارسال پیشنهاد در:
seosenior4.83(7) امتیاززمان تحویل: 30 روزارسال پیشنهاد در:
catalon4.94(23) امتیاززمان تحویل: 50 روزارسال پیشنهاد در:- YEزمان تحویل: 10 روزارسال پیشنهاد در:
- زمان تحویل: 60 روزارسال پیشنهاد در:
webmaster20004.9(187) امتیاززمان تحویل: 30 روزارسال پیشنهاد در:- زمان تحویل: 23 روزارسال پیشنهاد در:
mohammadghanbari4.92(12) امتیاززمان تحویل: 15 روزارسال پیشنهاد در:
Sulon9634.8(2) امتیاززمان تحویل: 30 روزارسال پیشنهاد در:
kiarashweb4.57(44) امتیاززمان تحویل: 21 روزارسال پیشنهاد در:- زمان تحویل: 30 روزارسال پیشنهاد در:
poya10204.9(4) امتیاززمان تحویل: 27 روزارسال پیشنهاد در:

