متجر IGTC
تخصيص صفحة الدفع وصفحات المنتجات، وتحسين تجربة الجوّال وأداء المتجر في متجر WooCommerce.
نظرة عامة
- المشروع
- متجر IGTC
- النوع
- متجر إلكتروني على WooCommerce
- الدور
- مطوّر ووردبريس / WooCommerce
- السنة
- 2025
- التقنيات
- WordPress · WooCommerce · CSS مخصّص · تحسين الأداء
- الموقع
- igtc.sa
لقطة من الموقع الحيّ بتاريخ
السياق
IGTC متجر يعمل على WooCommerce. غطّى العمل السطحين اللذين يحسمان بيع المتجر — صفحة المنتج وصفحة الدفع — إضافة إلى بنية المتجر وسرعته من حولهما.
كان دوري التطوير والمسؤولية التقنية عن هذين السطحين، لا العمل على العلامة أو الحملات.
التحدّي
قوالب WooCommerce الافتراضية مصمّمة لتناسب الجميع، ولهذا نادرًا ما تناسب متجرًا بعينه. وصفحة الدفع خصوصًا تحمل حقولًا وخطوات وقرارات تخطيط تخصّ المنصّة لا النشاط.
وعلى الجوّال، حيث تتركّز معظم زيارات متجر كهذا، تكون كلفة هذه الإعدادات أكبر: نماذج أطول، وتسلسل أضعف، واحتكاك أكثر بين القرار وإتمام الطلب.
دوري
- تخصيص صفحة الدفع في WooCommerce.
- تحسين صفحات المنتجات.
- تحسين تجربة الاستخدام على الجوّال عبر المتجر.
- تحسين سرعة المتجر وأدائه.
- دعم إعداد Apple Pay ووسائل الدفع.
- تهذيب البنية العامة للمتجر.
المنهج
- 01
فهم المتجر
بنية التصنيفات، والمسار الذي يسلكه العميل حتى الطلب، ومواضع عرقلة القالب الافتراضي وقوالب WooCommerce.
- 02
البنية
إصلاح بنية المتجر وتسلسل الصفحات أولًا، ليقوم العمل على التخطيط فوق أساس ثابت.
- 03
البناء
تخصيص قوالب الدفع والمنتجات عبر CSS مخصّص والعمل على القوالب، بدل تكديس الإضافات لسدّ الثغرات.
- 04
التحسين
معالجة سرعة المتجر وأدائه — الملفات والصور والتوصيل — كجزء من البناء.
- 05
الاختبار
فحص مسار الشراء عبر الأجهزة والمتصفّحات، بما في ذلك سلوك وسائل الدفع.
العمل التقني
- تخصيص صفحة الدفع
- تخصيص صفحة الدفع لتناسب مسار الشراء الفعلي للمتجر بدل افتراضات القالب الافتراضي.
- تحسين صفحات المنتجات
- عمل على القالب والتخطيط في صفحة المنتج — السطح الذي يُتَّخذ فيه قرار الشراء.
- دعم إعداد الدفع
- دعم إعداد Apple Pay ووسائل الدفع، بما يشمل فحص السلوك على الأجهزة التي تستخدمها.
- أداء المتجر
- تحسين السرعة والأداء عبر المتجر كجزء من التسليم لا كمرحلة تنظيف لاحقة.
- CSS مخصّص بدل تضخّم الإضافات
- معالجة العرض عبر CSS مخصّص وتخصيص القوالب، لتقليل عدد الأجزاء المتحرّكة وكلفة الصيانة.
الواجهة وتجربة الاستخدام
- الجوّال أولًا، عن قصد
- عولجت تجربة الجوّال كمسألة تصميم قائمة بذاتها. فصفحة الدفع التي تعمل على الهاتف تخطيط مختلف لا تخطيط أضيق.
- قرارات أقل في كل خطوة
- استهدف العمل على صفحة الدفع تقليل ما يضطر العميل لقراءته وتقريره وإعادة إدخاله قبل إتمام الطلب.
- بنية يستوعبها العميل
- تهذيب بنية المتجر لتكون التصنيفات والمنتجات حيث يبحث عنها العميل.
الأداء والجودة
كان تحسين سرعة المتجر وأدائه ضمن النطاق. وغطّى العمل الروافع المعتادة في متجر WooCommerce: أوزان الملفات والصور، وسلوك التخزين المؤقت، والتوصيل.
النتيجة
- تسليم صفحة دفع مخصّصة وصفحات منتجات محسّنة.
- تسليم تحسينات في تجربة الجوّال عبر المتجر.
- تسليم تحسينات في سرعة المتجر وأدائه.
- دعم إعداد Apple Pay ووسائل الدفع.
- تهذيب البنية العامة للمتجر.
متجر IGTC — معرض
الرسوم في هذه الصفحة مخطّطات رُسمت لهذا الملف، وليست لقطات شاشة من المتجر الحقيقي.
لديك موقع أو متجر يحتاج أن يعمل بشكل أفضل؟
أخبرني بما يحدث وفي أي صفحة. فالتشخيص وحده مُخرَج أول مفيد.
أقرأ كل رسالة بنفسي وأردّ خلال يوم عمل — غالبًا بسؤال أو اثنين أولًا، لأن أي نطاق يستحق تسعيرة يحتاج إجابتهما.
مصطفى نوح
مطوّر ويب متكامل وبانٍ للمنتجات
- لينكدإن
- linkedin.com/in/mostafanoah
- الموقع الجغرافي
- مصر · عن بُعد