موقعك يظهر جيداً على الكمبيوتر، لكن على الجوال تتداخل العناصر، أو يظهر شريط تمرير أفقي، أو تصغر النصوص والأزرار حتى يصعب الضغط عليها؟ أغلب زوار المواقع اليوم يأتون من الجوال، وأول انطباع يحدد هل يكملون أم يغادرون.
في هذه الخدمة أجعل صفحة واحدة من موقعك متجاوبة بالكامل مع الجوال والتابلت والكمبيوتر، خلال يومين.
خطوات العمل:
1. ترسل الكود أو دعوة إلى المستودع وتحدد الصفحة المطلوبة.
2. أختبر الصفحة على مقاسات الشاشات الشائعة وأحدد كل المشاكل.
3. أعدّل التنسيقات (Flexbox وGrid وMedia Queries) دون تغيير شكل التصميم على الكمبيوتر.
4. أسلّمك الكود مع صور قبل وبعد على الجوال.
مناسبة لمواقع React وNext.js وHTML/CSS، مع Tailwind أو Bootstrap أو CSS عادي.
كل العناصر داخل عرض الشاشة، بلا أجزاء مقطوعة أو شريط تمرير جانبي.
تحويل قائمة التنقل إلى قائمة منسدلة أو جانبية سهلة عند الحاجة.
أحجام خطوط وأزرار مناسبة للمس، وصور تتكيف مع عرض الشاشة.
جوال وتابلت وكمبيوتر، بالاتجاه الطولي والعرضي.
صفحة واحدة من موقعك تعمل بشكل صحيح على كل الشاشات.
ملف مضغوط أو Pull Request على مستودعك.
لقطات للصفحة على الجوال قبل التعديل وبعده.
لضبط أي ملاحظة بعد المعاينة.
- مطور واجهات أمامية أهتم بتجربة الجوال في كل مشاريعي، وفي معرض الخدمة صور حقيقية لمشاريعي على الكمبيوتر والجوال.
- أختبر على مقاسات متعددة (من 360px للجوال حتى شاشات الكمبيوتر الكبيرة)، وليس على مقاس واحد فقط.
- أعدّل بأقل قدر من التغيير، فلا يتأثر باقي موقعك.
ما لا تشمله الخدمة:
- إعادة تصميم الصفحة بشكل جديد.
- مواقع WordPress أو المنصات الجاهزة مثل سلة وزد وShopify.
- تطبيقات الموبايل.
جعل صفحة إضافية من نفس الموقع متجاوبة
5.00
|
|
جعل الموقع كاملاً متجاوباً حتى 5 صفحات
20.00
|
|
تحويل قائمة التنقل إلى قائمة جوال جانبية متحركة
5.00
|
|
تحسين سرعة تحميل الصفحة على الجوال بضغط الصور والتحميل الكسول
10.00
|
جعل صفحة إضافية من نفس الموقع متجاوبة
5.00
|
|
جعل الموقع كاملاً متجاوباً حتى 5 صفحات
20.00
|
|
تحويل قائمة التنقل إلى قائمة جوال جانبية متحركة
5.00
|
|
تحسين سرعة تحميل الصفحة على الجوال بضغط الصور والتحميل الكسول
10.00
|