مطعم سهيل
موقع طلبات لعلامة سهيل التابعة لمجموعة ميرا. دفع WooCommerce عبر Stripe، كتل Elementor مخصّصة للقائمة والحجوزات، مصمَّم للموبايل أوّلًا.
عن المشروع.
سهيل علامة مطاعم تتبع لمجموعة ميرا، والموقع هو حيث يتصفّح الضيوف القائمة، ويحجزون طاولة، ويقدّمون طلبات الاستلام. بنيته على WordPress مع WooCommerce لمسار الطلب وStripe للدفع، ثمّ كتبت كتل Elementor مخصّصة لتبقى صفحات القائمة والحجوزات داخل لغة العلامة دون الاعتماد على إضافات خارجيّة. صُمّم الموقع للجوّال أوّلًا لأنّ معظم الضيوف يدخلونه من هواتفهم لحظة قرارهم بالخروج.
ما الذي تغيّر.
زيادة في متوسط قيمة الطلب
أكبر عنصر مرئي LCP
ما الذي وجدناه.
مطعم تحت مجموعة Mira احتاج موقع طلب يعمل على الهواتف التي يستخدمها روّاد المطعم فعلًا — سريع، متوافق مع العلامة، ومتكامل مع Stripe لطلبات الاستلام. القيد كان WordPress + WooCommerce (اختير قبل أن أنضمّ).
ما الذي فعلناه.
قاعدة WordPress، WooCommerce لتدفّق الطلب، Stripe للدفع، كتل Elementor مخصّصة للقائمة + الحجوزات لتنجو العلامة دون فوضى plugins طرف ثالث.
ما الذي أصبح.
طلب موبايل-أوّلًا حيّ، كتل قائمة متوافقة مع العلامة، Stripe checkout بتنفيذ استلام-فقط.
دوري الفعليّ في هذا المشروع.
منفرد · بناء WordPress + WooCommerce. قيد المنظومة وضعه العميل قبل انضمامي. ملكيّتي: كتل Elementor مخصّصة (PHP + CSS)، تهيئة WooCommerce، تكامل Stripe، تمريرة تصميم موبايل-أوّلًا.
مهندس WordPress
قالب مخصّص فرعيّ من Astra. widgets Elementor مكتوبة يدويًّا للقائمة + كتل الحجوزات. لا plugins مدفوعة للميزات الأساسيّة.
مدمج WooCommerce
تنفيذ استلام-فقط (لا شحن)، بوّابة دفع Stripe، قوالب بريد مخصّصة.
مصمّم (موبايل-أوّلًا)
تمريرة تصميم موبايل-أوّلًا — معظم روّاد المطعم يصلون إلى الموقع من هاتف لحظة قرار أين يأكلون.
الأرقام التي تهمّ.
- <2sتحميل 4G · رئيسيّةWordPress مع تحسين صور + كاش؛ صادق بكونه CMS.
- موبايل-أوّلًاهدف التصميم+70٪ من حركة المطعم موبايل؛ التخطيط يفضّل القياس الصغير.
- Stripeتكامل الدفععبء PCI يبقى مع Stripe؛ الموقع لا يلمس تفاصيل البطاقة أبدًا.
- 0plugins مدفوعةلا امتدادات Elementor Pro / WooCommerce مدفوعة — بنيت كتلًا مخصّصة بدلاً.
ما الذي كان معطّلاً فعلاً.
معظم مواقع المطاعم فوضى قوالب: 20 plugin، بطء على الموبايل، انكسار تحت ثقلها خلال 6 أشهر. أرادت مجموعة Mira موقعًا ينجو من تحديث القالب التالي + رفع إصدار WooCommerce دون أن يسقط. القيد (WordPress) وضعه إعداد IT الموجود — المطلوب جعله يعمل جيّدًا داخل ذلك القيد.
المساحة الصعبة من المشروع.
- 01widgets Elementor مخصّصة تنجو من قفزات إصدار Elementor الرئيسيّة.
- 02تخطيط قائمة موبايل-أوّلًا يحترم أسماء أطباق عربيّة طويلة دون كسر التخطيط.
- 03تكامل Stripe بتنفيذ استلام-فقط (لا عنوان شحن مطلوب).
انتصارات هندسيّة تستحقّ التسمية.
توافق Elementor API الأماميّ
بنيت widgets ضدّ فئة `Widget_Base` الموثّقة فقط — لا وصول API داخليّ. نجت من قفزتي إصدار Elementor رئيسيّتين دون إعادة عمل.
أسماء أطباق عربيّة تكسر الشبكة
CSS Grid مع `auto-fit` و`minmax` + `text-wrap: balance` لبطاقات القائمة. الأسماء الطويلة تلتفّ بنظافة دون إجبار الشبكة على عدد أعمدة مختلف.
كيف يتشابك النظام.
الاستضافة + CDN
طبقة التطبيق
طبقة البيانات
القرارات وراء كلّ اختيار.
WordPress (قيد)
- IT العميل الموجود يشغّل WordPress. الترحيل سيضيف تكلفة دون تغيير النتيجة للروّاد.
- WooCommerce ناضج بما يكفي للتعامل مع طلب طعام استلام-فقط دون سباكة دفع مخصّصة.
widgets مخصّصة عوضًا عن plugins مدفوعة
- الـplugins المدفوعة تقفلك في إيقاع إصدار وكيل. الـwidgets المخصّصة تُشحن حين يحتاجها العميل.
- لا رسوم ترخيص متكرّرة على الموقع نفسه.
ما علّمنا إيّاه هذا البناء.
- القيود التي يختارها العميل عادة لأسباب غير تقنيّة — احترمها. الجواب الصحيح هو جعل المنظومة المختارة تعمل جيّدًا، لا الجدال لمنظومة مختلفة.
- widgets مخصّصة ضدّ APIs موثّقة تنجو من قفزات الإصدار؛ widgets ضدّ APIs داخليّة لا تنجو.