تبدیل یک صفحه طرح فیگما به المنتور

با سلام، برای یک پروژه طراحی وب‌سایت شرکتی، به یک متخصص وردپرس و صفحه‌ساز المنتور (Elementor Pro) به صورت فریلنسر نیازمندیم تا طرح آماده ما در فیگما (Figma) را به یک صفحه وب کاربردی، دقیق و باکیفیت تبدیل کند. شرح کلی پروژه: این پروژه شامل پیاده‌سازی یک صفحه اصلی (Homepage) است. طراحی UI/UX این صفحه به‌صورت کامل، لایه‌بندی‌شده و با جزئیات در فیگما آماده شده و در اختیار شما قرار می‌گیرد. بخش‌های اصلی صفحه: هدر و هیروسکشن (Header & Hero Section) درباره ما لیست محصولات ویژگی‌ها سوالات متداول (FAQ) باکس دعوت به اقدام (CTA) بخش بلاگ فوتر (Footer) مهارت‌ها و انتظارات کلیدی: 1. پیاده‌سازی دقیق (Pixel Perfect): طرح باید با دقت بالا و مطابق با فایل فیگما پیاده‌سازی شود. رعایت فاصله‌ها، تایپوگرافی، سایزها و جزئیات بصری الزامی است. 2. طراحی واکنش‌گرا (Responsive واقعی): نمایش صحیح و بهینه در: دسکتاپ تبلت موبایل صرفاً کوچک کردن نسخه دسکتاپ قابل قبول نیست؛ هر breakpoint باید اصولی طراحی و تنظیم شود. 3. بهینه‌سازی سرعت و عملکرد: استفاده حداقلی از افزونه‌های جانبی عدم استفاده از روش‌های سنگین یا غیراستاندارد رعایت اصول Performance (لود سریع، DOM بهینه، حجم مناسب تصاویر) 4. پیاده‌سازی اصولی در المنتور (نه روش‌های میان‌بر): هر سکشن باید به‌صورت واقعی در المنتور ساخته شود (نه به‌صورت تصویر یا کپی غیرقابل ویرایش) اجتناب از ساخت چند نسخه تکراری از یک المان برای دستگاه‌های مختلف (مثلاً یک سکشن جدا برای موبایل و یکی برای دسکتاپ) مگر در موارد کاملاً ضروری استفاده صحیح از ساختار Container / Flexbox 5. مدیریت یکپارچه استایل‌ها: تعریف رنگ‌ها در Global Colors المنتور تعریف فونت‌ها در Global Fonts ساختار به‌گونه‌ای باشد که تغییرات کلی (مثلاً رنگ برند یا فونت) به‌صورت یکجا قابل اعمال باشد 6. تعاملات و جلوه‌های بصری (UI Enhancements): استفاده اصولی از Hoverها افکت‌های حرکتی سبک و حرفه‌ای (Motion Effects) در صورت نیاز حفظ تعادل بین زیبایی و عملکرد (عدم استفاده بیش از حد از انیمیشن‌های سنگین) 7. کدنویسی تمیز و قابل توسعه: خروجی نهایی باید قابل نگهداری و توسعه باشد رعایت ساختار استاندارد کلاس‌ها و سکشن‌ها موارد الزامی: تسلط کامل به Elementor Pro تجربه واقعی در تبدیل طرح Figma به سایت ** ارائه نمونه‌کارهای مرتبط (الزامی) نکته مهم: کیفیت پیاده‌سازی و رعایت اصول فنی برای ما بسیار مهم‌تر از صرفاً “درست دیده شدن ظاهری” سایت است. پروژه باید از نظر فنی، ساختاری و عملکردی نیز استاندارد و قابل دفاع باشد.