متجر إلكتروني كامل — صُمّم وبُني وأُطلق بمنهجية عمل تعتمد الذكاء الاصطناعي.

المطلوب: متجر، لا موقع تعريفي

FreshCool شركة تجارة إلكترونية قطرية. ما كانت تحتاجه هو السطح الكامل الذي يعيش عليه أي متجر: موقع بهوية بصرية واضحة، وصفحات منتجات يستطيع المشتري أن يقرر منها فعلًا، ومسار من الاكتشاف إلى السلة إلى الدفع لا يتسرّب منه العملاء، وجهة إدارة يشغّلها الفريق يومًا بيوم دون مطوّر جاهز على الهاتف. والقيد هو المعتاد: إنجاز كل ذلك دون الجدول الزمني والتكلفة اللذين يفرضهما بناء وكالات الويب التقليدي.

التصميم أولًا: نظام الواجهة خرج من Claude Design

بدل النماذج الثابتة، بُنيت الواجهة كنظام تصميم داخل Claude Design: شبكة التخطيط، ومجموعة المكوّنات — البطاقات والتنقّل وبلاطات المنتجات والأزرار والنماذج — واللغة البصرية للعلامة. العمل على مستوى النظام لا الصفحة يعني أن كل صفحة جديدة ترث القواعد نفسها بدل أن تُرسم من الصفر، وأن قرارات التصميم تُختبر على ما يشبه الواجهة الحقيقية لا على صورة لها.

البناء: Claude Code طبقة التنفيذ

حوّل Claude Code نظام التصميم إلى واجهة أمامية تعمل — قوالب وتنسيقات وكود الدمج الذي يربط الواجهة بالمنصة تحتها. الحلقة التي تُبطئ مشاريع الويب عادة هي التسليم بين الأدوار: المصمم يرسم، والمطوّر يفسّر، والجميع يتصالح لاحقًا. هنا خرج التصميم والكود من مسار عمل واحد متصل، فصارت كل مراجعة تعديلًا لا اجتماعًا. إصلاحات تجربة الاستخدام — المسافات والتسلسل البصري وسلوك الموبايل وترتيب الخطوات حتى الدفع — جرت في الكود مباشرة ورُوجعت على الموقع الحقيقي.

العمود الفقري للتجارة: WordPress + WooCommerce

تعمل واجهة المتجر على WordPress بينما يتولى WooCommerce الكتالوج والسلة والدفع وإدارة الطلبات. وهذا اختيار مقصود: إنها منظومة التجارة الأوسع تشغيلًا في العالم، ما يعني أن فريق FreshCool يدير المنتجات والطلبات والمحتوى بنفسه، ويوظّف لها محليًا، ويوسّعها بإضافات قياسية — لا نظام مخصص لا يفهمه سوى من بناه، ولا ارتهان لطرف واحد. الواجهة والتجربة المخصصتان تجلسان فوق الآلية القياسية، مدمجتين بها لا بديلتين عنها.

الإطلاق على Hostinger

الاستضافة على Hostinger — خيار عملي لمتجر بهذا الشكل: نشر مباشر لـ WordPress، وتكلفة معقولة، ولا أعباء بنية تحتية يضطر الفريق لرعايتها. نُشر البناء، ورُبط بالنطاق، وسُلّم متجرًا يعمل.

ما الذي تثبته هذه الحالة

مسار عمل يعتمد الذكاء الاصطناعي — وكيل تصميم ينتج نظام الواجهة، ووكيل برمجة ينفّذه — قادر على حمل بناء متجر إلكتروني إنتاجي من أوله إلى آخره، وإنزاله على منظومة قياسية قابلة للصيانة. وهي منهجية العمل نفسها خلف أنظمة التسويق بالذكاء الاصطناعي التي أبنيها: الوكلاء يؤدون العمل المتكرر، والإنسان يوجّه ويملك النتيجة، والعميل يتسلّم المفاتيح لا تبعيةً لأحد.

حدود الحالة: توثّق هذه الصفحة البناء والمنظومة — التصميم والتنفيذ والدمج والاستضافة. لا أرقام أداء منشورة لهذا التعاقد.

أسئلة شائعة

ما الذي فعلته أدوات الذكاء الاصطناعي فعليًا في هذا البناء؟
أنتج Claude Design نظام الواجهة — التخطيط والمكوّنات واللغة البصرية للمتجر — وحوّل Claude Code ذلك التصميم إلى كود يعمل: قوالب وتنسيقات وطبقة الدمج مع WordPress وWooCommerce. أما قرارات الحكم — ما يحتاجه المتجر وما يُحذف وما يُطلق — فبقيت بشرية.

لماذا WordPress وWooCommerce بدل نظام مخصص؟
لأن فريق المتجر هو من سيديره بعد التسليم. WordPress مع WooCommerce يعني كتالوج وسلة ودفع وإدارة طلبات على أوسع منظومة تجارة تشغيلًا في العالم — يستطيع المالك التوظيف لها محليًا وتوسعتها بإضافات قياسية، دون الارتهان لنظام مخصص لا يفهمه سوى من بناه.

هل تُغني هذه المنهجية عن فريق تطوير؟
هي تختصره. دورة التصميم التي تتنقل عادة بين مصمم ومطوّر لأسابيع تحدث هنا في ساعات، لأن نظام التصميم والكود الذي ينفّذه يخرجان من مسار عمل واحد متصل. ويبقى الإنسان هو من يوجّه ويراجع ويملك النتيجة.

لنتحدث عن بناء مماثل ←