ایجاد دکمه تماس شناور با لیست تماس با المنتور

درود، برای یک سایت فروشگاهی وردپرسی نیاز به طراحی یک دکمه تماس شناور و چسبان در پایین سمت راست صفحه داریم. با کلیک روی این دکمه، لیستی از افراد مسئول جهت تماس (مطابق تصویر نمونه طراحی‌شده) به‌صورت انیمیشنی نمایش داده شود. دقت کنید رابط کاربری زیبا (مانند تصویر دموی ارسال شده) و بدون لگ و باگ برای ما اهمیت زیادی دارد. ویژگی‌ها و جزئیات مورد انتظار پروژه: طراحی کامل با المنتور (قابل ویرایش توسط ما در آینده). آیکون تماس دارای انیمیشن ملایم برای جلب توجه کاربر. نمایش و بسته شدن لیست افراد همراه با انیمیشن روان و زیبا. در لیست تماس، دکمه‌های تماس هر فرد نیز دارای انیمیشنی برای برجسته‌سازی باشند. در نسخه موبایل، هنگام باز شدن فرم تماس، پس‌زمینه به حالت شیشه‌ای و بلر تبدیل شود. شماره تماس افراد به‌صورت لینک مستقیم (مثلاً: tel:*******) تنظیم شود. طراحی واکنش‌گرا (Responsive) و سازگار با دستگاه‌های مختلف. پس از کلیک روی آیکون تماس و نمایش فرم، آیکون به ضربدر (X) تغییر کند (مطابق دموی تصویر). در صفحات محصول، به دلیل وجود یک المان چسبان دیگر در پایین، لازم است که دکمه تماس و فرم آن کمی بالاتر قرار بگیرند. موارد تکمیلی: تصویر راهنما (دمو) توسط فتوشاپ طراحی شده و برای درک بهتر در اختیار شما قرار می‌گیرد. تمامی تصاویر، آیکون‌ها و کدهای رنگی در صورت نیاز ارائه خواهد شد. در صورت نیاز، تصویر نسخه مخصوص دسکتاپ نیز طراحی می‌شود و در اختیار شما قرار می‌گیرد. اگر تجربه کار با المنتور و طراحی المان‌های مشابه را دارید، خوشحال می‌شویم نمونه کار یا دموهایی از پروژه‌های قبلی‌تان ارسال کنید.