Landing page Landing page
تفاصيل العمل

وصف المشروع: الصفحة التعريفية لتطبيق Translate.io هذا المشروع عبارة عن صفحة هبوط ترويجية (Landing Page) لتطبيق Translate.io، وهو تطبيق للترجمة متعددة اللغات. تم تطوير الصفحة باستخدام HTML وCSS بالكامل، مع تصميم واجهة المستخدم لتطبيق الهاتف باستخدام برنامج Figma. ? التطوير: التقنيات المستخدمة: HTML5، CSS3 نظام التخطيط: يعتمد على Flexbox لتقديم تصميم متجاوب يعمل على مختلف الأجهزة الخطوط: استخدام تدرج هرمي في حجم الخطوط لتوضيح وترتيب المعلومات الأزرار: تصميم أزرار تفاعلية خاصة لخيارات "جرّب الآن" و"اشترِ التطبيق" شريط التنقل: شريط علوي بسيط يحتوي على روابط للأقسام (الرئيسية، من نحن، الخدمات، الطلب، تواصل معنا) التصميم: تم تصميم نموذج واجهة التطبيق المعروضة داخل الهاتف باستخدام Figma تصميم Figma يشمل: واجهة مستخدم بسيطة وسهلة الاستخدام حقل لإدخال الكلمات المراد ترجمتها زر إرسال بلون واضح وجذاب خيارات لغات (العربية، الإنجليزية، الصينية) على شكل أزرار دائرية استخدام ألوان متناسقة تجمع بين البنفسجي، الأحمر، والأخضر أبرز الميزات: يدعم الترجمة بين لغات متعددة يوفر ميزة الترجمة بدون اتصال بالإنترنت لبعض اللغات مناسب للمسافرين، والتعاملات التجارية الدولية، والتواصل بين الثقافات المختلفة التركيز على واجهة المستخدم: عرض واقعي لتطبيق الهاتف المحمول داخل صورة يد تحمل الهاتف يهدف لجذب انتباه الزائر وتوضيح كيفية استخدام التطبيق هذا المشروع يُظهر مهارات قوية في تطوير الواجهات الأمامية باستخدام HTML وCSS، إلى جانب إتقان أدوات التصميم مثل Figma لتقديم تجربة مستخدم جذابة وفعالة.

شارك
بطاقة العمل
تاريخ النشر
منذ 6 أيام
المشاهدات
11
المستقل
Abdallah Maher
Abdallah Maher
مطور واجهات أمامية
طلب عمل مماثل
شارك
مركز المساعدة