Djellal Design StudioDjellal Design Studio
الرئيسية
تواصل معي
Djellal Design Studio

اشترك في النشرة البريدية

نصائح في تطوير المواقع والهوية البصرية

مهتم بالعمل معنا أو لديك سؤال؟

أرسل لي رسالة!
سياسة العملسياسة الخصوصية

© 2026 صدام جلال – مطور ويب ومصمم هوية بصرية. جميع الحقوق محفوظة.

← كل المشاريع
صفحة هبوطتطوير مواقع / مواقع ويبمشروع تجريبييعمل – قيد التحديث

صفحة هبوط لمنتج واحد بالدفع عند الاستلام

صفحة هبوط عربية لمنتج واحد، مهيأة لزوار إعلانات فيسبوك وإنستغرام: صور المنتج والسعر ونموذج طلب بالدفع عند الاستلام يحسب التوصيل حسب الولاية.

الموقع منشور ويعمل، وما زلت أضيف إليه مميزات جديدة.

تصفّح الموقع
صفحة هبوط دار مِسك على الحاسوب والهاتف

التحدّي

أغلب التجار في الجزائر يبيعون عبر إعلانات فيسبوك وإنستغرام، ثم يتلقون الطلبات في الرسائل الخاصة: أسئلة متكررة عن السعر والتوصيل، وعناوين ناقصة، وطلبات تضيع. الزائر القادم من الإعلان على الهاتف يحتاج صفحة سريعة تجيب عن أسئلته وتتيح له الطلب في أقل من دقيقة.

الحل

بنيت صفحة هبوط لعلامة عطور افتراضية «دار مِسك» تشبه صفحة منتج في متجر حقيقي. في أعلى الصفحة صور المنتج مع السعر والتوفير وزر الطلب، ثم مكونات العطر وتفاصيله، وخطوات الطلب ومعلومات التوصيل، وأسئلة شائعة تجيب عن مخاوف الزبون قبل الطلب. نموذج الطلب يضم الولايات الـ 69 حسب التقسيم الإداري الجديد، والبلدية والعنوان، واختيار التوصيل إلى المنزل أو المكتب، والكمية، ويحسب المجموع مع سعر التوصيل حسب الولاية. على الهاتف يظهر زر طلب ثابت أسفل الشاشة بعد تجاوز الزر الأول. هذه نسخة تجريبية: النموذج لا يرسل ولا يحفظ أي بيانات.

النتيجة

صفحة سريعة على الهاتف بنتائج Lighthouse بين 94 و99 في السرعة و100 في سهولة الاستعمال والمعايير وتحسين محركات البحث، قابلة للتخصيص لأي منتج من ملف واحد: الاسم والسعر والصور وأسعار التوصيل.

المميزات

  • ✓تصميم عربي (RTL) متجاوب، مصمم للهاتف أولاً
  • ✓معرض صور للمنتج بصور مصغّرة
  • ✓السعر بالدينار مع السعر القديم ومبلغ التوفير
  • ✓نموذج طلب بالدفع عند الاستلام: الاسم، الهاتف، الولاية، البلدية، العنوان
  • ✓قائمة الولايات الـ 69 حسب التقسيم الإداري الجديد
  • ✓سعر التوصيل حسب الولاية وطريقة الاستلام (المنزل أو المكتب)
  • ✓التحقق من رقم الهاتف الجزائري (05، 06، 07)
  • ✓زر طلب ثابت أسفل شاشة الهاتف
  • ✓أسئلة شائعة وخطوات الطلب ومعلومات التوصيل
  • ✓نتائج Lighthouse مرتفعة في السرعة وتحسين محركات البحث

الأدوات

Next.jsReactTypeScriptTailwind CSSVercelFigma

لقطات من المشروع

صفحة هبوط لمنتج واحد بالدفع عند الاستلام - 1
صفحة هبوط لمنتج واحد بالدفع عند الاستلام - 2

هذا مشروع تجريبي بعلامة افتراضية، وليس لعميل.

تريد مشروعاً مثل هذا؟

اطلب مشروعاً مثله