مشروع عميل · تجارة إلكترونية

Hoydi28 للبندق

طوّرنا لعلامة البندق Hoydi28 من مدينة غيرسون المتجر الإلكتروني، ولوحة إدارة تُثبَّت على الهاتف، وما يقف خلفهما من تكاملات الدفع والشحن والفوترة الإلكترونية والبريد الإلكتروني وخدمات Google. ويعمل داخل اللوحة فريق الذكاء الاصطناعي من Collapssi: يكتب مقالات المدونة، ويترجم الموقع إلى لغات جديدة، ويخطط واجهة المتجر والحملات، ويجهّز مسودات الرد على الرسائل الواردة. المتجر واللوحة تطبيق واحد، وتُجهَّز كل الصفحات مسبقاً لمحرك Google مع كل نشر.

  • JavaScript (تطبيق صفحة واحدة)
  • Supabase: PostgreSQL وEdge Functions
  • Netlify
  • صفحات مُعدّة مسبقاً عبر Playwright
  • PWA وWeb Push
  • iyzico
  • الفوترة الإلكترونية عبر EDM
  • Yurtiçi Kargo وSürat Kargo
  • Resend
  • Google Analytics 4 وSearch Console وGoogle Ads وMerchant Center
  • Google Places API
  • Claude API
  • OpenAI Images API
الصفحة الرئيسية للمتجر
الصفحة الرئيسية للمتجر
اللغات
التركية والإنجليزية ولغات جديدة تُفتح وفق خطة
الدفع
بالبطاقة (iyzico) والتحويل البنكي
الذكاء الاصطناعي
فريق Collapssi من سبعة أعضاء ومساعد للإعلانات
التكاملات
الشحن والفوترة الإلكترونية وGoogle Ads وAnalytics وSearch Console

التُقطت لقطات الشاشة من نسخة محلية للموقع ولوحة الإدارة. أسماء العملاء والطلبات والشركات وكل الأرقام في اللوحات بيانات تجريبية، وليست أرقام المبيعات أو الزيارات الحقيقية للمتجر. وتظهر أسماء العملاء في مراجعات Google بالأحرف الأولى فقط.

01

المتجر وصفحات المنتجات

يعمل المتجر بالعناية نفسها على الهاتف والحاسوب. تُعدَّل المنتجات والفئات وترتيب الصفحات من اللوحة، وتظهر تغييرات الأسعار والنصوص في الموقع فوراً. وتجيب صفحة المنتج عن أسئلة العميل في شاشة واحدة.

  • متجر بالتركية والإنجليزية، وتُفتح لغات جديدة وفق خطة تلقائية، ويُعرض على الزائر اقتراح بترجمة الموقع إلى لغته
  • شارات تلقائية: «الأكثر مبيعاً» لأكثر المنتجات بيعاً في آخر 60 يوماً و«الأكثر مشاهدة» لأكثرها مشاهدة، تُحدَّث كل ليلة
  • بطاقة مسببات الحساسية: ما يحتويه المنتج، وما قد يوجد منه بكميات ضئيلة، ومن يمكنه تناوله (خالٍ من الغلوتين، نباتي...) بوسوم ملونة
  • زر المفضلة وعبارة «المفضل لدى N شخص»
  • اختيار الكمية من بطاقة المنتج مباشرة، وسعر يتغير حسب الكمية والتغليف مع تنبيه حد المخزون
  • سلال هدايا يُحسب سعرها ومخزونها من المنتجات التي بداخلها، مع إمكانية تصميم سلة خاصة
  • بطاقة إهداء، واختيار الصنف للكومه، وطلب «أعلمني عند التوفر»
  • علامة «التسليم في محطة الحافلات فقط» للمنتجات التي لا تُشحن عبر شركات الشحن
صفحة المنتج: شارة الأكثر مبيعاً والمفضلة والسعر
صفحة المنتج: شارة الأكثر مبيعاً والمفضلة والسعر
معلومات مسببات الحساسية ومن يمكنه تناول المنتج
معلومات مسببات الحساسية ومن يمكنه تناول المنتج
المتجر على الهاتف
المتجر على الهاتف
02

الحسابات والمفضلة وعجلة الجوائز

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

  • تسجيل الدخول عبر Google بلمسة واحدة في زاوية الصفحة دون فتح صفحة جديدة، يليه ترحيب برموز تعبيرية
  • خطوات شحن متحركة برموز تعبيرية: استلام الطلب، التجهيز، في الطريق (تتحرك الشاحنة ذهاباً وإياباً)، التسليم، مع حركات الشحنة ورابط التتبع
  • المفضلة: قسيمة شخصية تلقائية لمن يضيف عدداً معيناً من المنتجات إلى مفضلته، ورسالة عند انخفاض السعر أو عودة المنتج
  • عجلة جوائز Hoydi: يحدد الخادم النتيجة وتُضاف القسيمة إلى الحساب
  • نقاط Hoydi Para: نقاط مع كل طلب، ومكافأة على المراجعات، والدفع بالنقاط
  • عناوين وبيانات فواتير محفوظة، ورمز من 6 أرقام بالبريد عند نسيان كلمة المرور
حسابي: خطوات الشحن برموز تعبيرية
حسابي: خطوات الشحن برموز تعبيرية
المفضلة وشريط المكافأة
المفضلة وشريط المكافأة
عجلة جوائز Hoydi
عجلة جوائز Hoydi
03

مراجعات Google تصل تلقائياً

تُجلب مراجعات Google لفرعي المتجر تلقائياً كل صباح وتُعرض في شريط متحرك في الموقع، ويُطلب بلطف من العميل الذي تسلّم طلبه أن يكتب مراجعة على Google.

  • تُحدَّث مراجعات Google لمتجري Merkez وAksu كل صباح عبر Places API، مع التقييم وعدد المراجعات
  • شريط مراجعات متحرك مع فلتر حسب المتجر
  • يرى العضو الذي تسلّم طلبه نافذة لمرة واحدة «هل وصلك طلبك؟»، وبلمسة تُفتح صفحة المراجعة على Google
  • لا تُربط قسيمة بالمراجعة لأن Google يمنع المكافأة عليها، ولمراجعات المنتجات داخل الموقع مكافأة Hoydi Para
مراجعات Google في شريط متحرك
مراجعات Google في شريط متحرك
طلب مراجعة على Google بعد التسليم
طلب مراجعة على Google بعد التسليم
04

الدفع ومسار الطلب

في الدفع بالبطاقة يعيد الخادم حساب المبلغ، وإذا لم يطابق المبلغ الظاهر في المتصفح لا يبدأ الدفع. وبذلك تخضع الأسعار والحملات والقسائم والشحن لقاعدة واحدة.

  • الدفع بالبطاقة عبر نموذج iyzico داخل نافذة في الموقع، مع دعم 3D Secure
  • عند تأكيد الدفع يصبح الطلب «جديداً» وتُخصم النقاط والقسيمة، وإذا أغلق العميل الصفحة تستعلم مهمة مجدولة عن نتيجة الدفع
  • التحويل البنكي مع عرض بيانات الحساب في صفحة الدفع وبعد الطلب
  • اختيار المحافظة والمنطقة من قائمة لعنوان التسليم (81 محافظة و973 منطقة)
  • إضافة بيانات الفاتورة بعد الطلب للأفراد والشركات مع التحقق من الأرقام
  • رسائل بريد تلقائية: استلام الطلب، والشحن مع رابط التتبع، والتسليم
صفحة الدفع
صفحة الدفع
05

فريق ذكاء اصطناعي داخل اللوحة: Collapssi

في تبويب Collapssi داخل اللوحة سبعة أعضاء من الذكاء الاصطناعي يتابعون أعمالهم لـ Hoydi28 كل ساعة. لكل منهم دوره وتميمة تتغير ملامحها حسب حالته وفقاعة كلام. ولا يغيّر أحدهم شيئاً دون موافقة: المقالات والواجهة والحملات وردود البريد كلها تنتظر موافقة صاحب المتجر.

  • ✍️ إليف (كاتبة محتوى): تكتب مقالات المدونة في الأيام المحددة وهي تعرف المنتجات والمقالات السابقة، وتضع تنبيهاً على المقال إذا وجدت ما يخالف القواعد
  • 🌍 دنيز (مترجم): يترجم نصوص المنتجات والمدونة والصفحات المكتوبة بالتركية إلى الإنجليزية، ويفتح لغات جديدة مثل الألمانية والروسية والعربية وفق خطة تلقائية وينشر كل لغة عند اكتمال ترجمتها
  • 🎨 أردا (مصمم بصري): يرسم صوراً تناسب موضوع كل مقال، وتوضع الصور بين العناوين الفرعية
  • 📐 سيلين (مصممة الموقع): تقترح تعديلات على الواجهة حسب النقرات والمبيعات، وقبل المناسبات تجهّز شريطاً وشريحة وقائمة منتجات خاصة باليوم تُعاين ثم تُنشر في يومها بعد الموافقة وتُزال بعده
  • 📅 أمره (مخطط الحملات): يضع خطة الأسابيع القادمة: قسائم، وخصومات محددة المدة، ورسائل للمشتركين، ومواضيع لإليف، وطلبات لواجهة سيلين، ويُعتمد كل بند على حدة
  • ✉️ زينب (مساعدة البريد): تقرأ كل رسالة واردة مع طلبات المرسل وسجل شركته، وتبحث عن الشركات على الويب، وتكتب مسودة الرد، وتقترح رسائل متابعة لعملاء الجملة
  • 🧭 كرم (قائد الفريق): يراسله صاحب المتجر في محادثة، فيكلّف العضو المناسب بالتصحيح، ويحوّل تفضيلات «من الآن فصاعداً» إلى قواعد دائمة
  • القواعد الأساسية لا تتغير: لا معلومات مختلقة ولا ادعاءات صحية ولا أسعار، ولكل عضو حصة عمل شهرية
محادثة مع قائد الفريق كرم والقواعد الدائمة
محادثة مع قائد الفريق كرم والقواعد الدائمة
إليف ودنيز وأردا
إليف ودنيز وأردا
سيلين وأمره وزينب
سيلين وأمره وزينب
واجهة مناسبة خاصة وخطة حملات بانتظار الموافقة
واجهة مناسبة خاصة وخطة حملات بانتظار الموافقة
06

لوحة الإدارة

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

  • الشاشة الرئيسية: إيرادات اليوم، وأشرطة الأهداف، وحالة فريق Collapssi، ومبيعات آخر 14 يوماً، والتوزيع حسب الفئة
  • الطلبات: طلبات اليوم افتراضياً، والتنقل يوماً بيوم، وفلاتر الحالة والفاتورة، وشارات للطلبات القادمة من الإعلانات وللعملاء الجدد
  • التحديد والإجراءات الجماعية: طباعة الطلبات المحددة أو إصدار فواتيرها أو تغيير حالتها
  • إيصال شحن بحجم A5 (ويمكن اختيار A4 أو طابعة ملصقات 10×15)، ويتحول الطلب المطبوع إلى «قيد التجهيز» تلقائياً، وتُطبع بطاقة الإهداء منفصلة
  • مستخدمو اللوحة والأدوار، ورمز بالبريد عند الدخول من جهاز جديد
  • محرر الصفحات: إضافة الأقسام وترتيبها مع معاينة للحاسوب والجهاز اللوحي والهاتف
  • نوافذ داخل الموقع بدل نوافذ التأكيد في المتصفح، وواجهة للهاتف مع شريط علوي وقائمة جانبية وشريط تبويب سفلي
الشاشة الرئيسية للوحة الإدارة
الشاشة الرئيسية للوحة الإدارة
الطلبات
الطلبات
لوحة الإدارة على الهاتف
لوحة الإدارة على الهاتف
07

الأهداف وAnalytics وSearch Console

تمتلئ أهداف المبيعات كحصة، وتصل بيانات Google إلى اللوحة. وفي أعلى التقارير تعلّق تميمة Collapssi على الوضع: تفرح حين تسير الأمور جيداً، وتندهش حين تتراجع وتقترح ما يمكن فعله.

  • الأهداف: تُتخذ فترات مبيعات الموقع القديم مرجعاً، وتمتلئ أشرطة الإيرادات والطلبات والوحدات المبيعة مع علامة «أين يجب أن نكون اليوم» وتوقع لنهاية الفترة
  • الزوار (Google Analytics 4): الزيارات، والتحويل إلى طلبات، والقنوات، والأجهزة، والمدن، والمنتجات الأكثر مشاهدة
  • بحث Google (Search Console): النقرات، ومرات الظهور، ونسبة النقر، ومتوسط الترتيب، وعبارات البحث والصفحات
  • تقرير المبيعات والمصاريف، ونقرات WhatsApp
  • رسالة تقرير أسبوعية: ملخص برسوم بيانية صباح كل جمعة (الإيرادات، الإعلانات، الأعضاء الجدد، الأكثر مبيعاً، المهام)، تعدّه Collapssi
الأهداف وتميمة Collapssi
الأهداف وتميمة Collapssi
الزوار (Google Analytics)
الزوار (Google Analytics)
بحث Google (Search Console)
بحث Google (Search Console)
08

Google Ads ومساعد إعلانات بالذكاء الاصطناعي

تصل بيانات Google Ads إلى اللوحة كل ساعة عبر برنامج نصي داخل الحساب. يكتب المساعد ملخصاً يومياً ويجهّز اقتراحات، ولا يتغير شيء في حساب الإعلانات ما لم يوافق صاحب المتجر.

  • تقارير حسب الحملة والمجموعة الإعلانية والكلمة المفتاحية وعبارة البحث، وحسب المنتج في إعلانات التسوق
  • تُحسب الطلبات القادمة من الإعلانات منفصلة وتُقارن بالإنفاق
  • الاقتراحات: كلمات سلبية، وكلمات مفتاحية جديدة، والميزانية، والحد الأعلى لتكلفة النقرة، ونص إعلان جديد، وتُطبَّق المهام المعتمدة في التشغيل التالي للبرنامج
  • حدود أمان: يُتحقق من سقف الميزانية اليومية ونطاق العروض في ثلاثة مواضع منفصلة
  • البرنامج يحدّث نفسه: محمّل يُلصق في حساب Google Ads مرة واحدة ثم ينزّل الشيفرة من الموقع
  • تُحدَّث تغذية منتجات Merchant Center مع كل نشر، ووسم التحويل ووضع الموافقة من Google مفعّلان
مساعد الإعلانات واقتراحات بانتظار الموافقة
مساعد الإعلانات واقتراحات بانتظار الموافقة
09

البريد الإلكتروني والسلال المتروكة

بريد الشركة داخل اللوحة، والرسائل التلقائية تحمل تصميم العلامة، ويمكن تذكير العميل الذي ترك منتجات في السلة بلمسة واحدة.

  • البريد الوارد: محادثات، ونجمة، وأرشيف، ووسوم، وتأجيل، ومسودات، وإرسال مجدول، مع أكثر من عنوان للشركة
  • السلال المتروكة: من أضاف منتجات ولم يكمل الطلب، والمنتجات الأكثر تركاً، مع تذكير بالبريد وWhatsApp
  • رسائل حملات جماعية للمشتركين: اشتراك بموافقة صريحة، وصندوق قسيمة، ورابط إلغاء الاشتراك في كل رسالة
  • رسائل المناسبات: تُرسل تلقائياً رسالة تهنئة وقسيمة خاصة في أيام مثل عيد الأم والأعياد ورأس السنة
  • رسائل الطلب والشحن والتسليم، وتنبيهات السعر والمخزون للمنتجات المفضلة
السلال المتروكة والتذكير
السلال المتروكة والتذكير
10

البحث عن عملاء الجملة

يُعثر على المقاهي والفنادق ومحلات المكسرات والشركات التي تشتري الهدايا عبر خرائط Google، وتُتابع في اللوحة كمسار مبيعات.

  • البحث عن الشركات في خرائط Google حسب النوع والمدينة، ويُستخرج البريد الإلكتروني من موقع الشركة إن وُجد
  • سلسلة تعريفية من ثلاث رسائل حسب نوع الشركة: في أيام العمل، بحد يومي، مع رابط رفض في كل رسالة، وتتوقف السلسلة عند رد الشركة
  • بطاقة الشركة: المكالمات والعينات والعروض والطلبات تنقل المرحلة إلى الأمام، والسجل كاملاً في شاشة واحدة
  • الإعلانات: مشاركة المنتجات والحملات الجديدة مع الشركات ببطاقات المنتجات
  • قائمة أسعار جملة ثابتة للجميع قابلة للطباعة، وتصل طلبات الجملة من الموقع إلى قائمة الشركات تلقائياً
الجملة: الشركات وسلاسل الرسائل
الجملة: الشركات وسلاسل الرسائل
11

الشحن والفوترة الإلكترونية وتكاملات أخرى

تعمل التكاملات في وظائف على الخادم، ولا تصل المفاتيح السرية إلى المتصفح. تُصدر الفاتورة ويُبلَّغ عن الشحنة من بطاقة الطلب، وتتحدث حالتهما تلقائياً.

  • ربط Yurtiçi Kargo وSürat Kargo جاهز: إبلاغ الشحنة بلمسة واحدة، ورمز شريطي مرجعي (Code 128) على إيصال الشحن، والاستعلام عن الحالة كل ساعتين
  • الفاتورة الإلكترونية والأرشيف الإلكتروني عبر EDM Bilişim، مع إصدار جماعي لفواتير الطلبات في القائمة
  • توزيع خصومات القسائم والحملات ونقاط Hoydi Para على بنود الفاتورة بالتناسب
  • إشعارات الطلبات الجديدة عبر Web Push، وعدد الطلبات المنتظرة على أيقونة التطبيق
  • تسجيل الدخول عبر Google، وتسجيل الدخول عبر Apple جاهز
إيصال شحن A5 مع الرمز الشريطي المرجعي
إيصال شحن A5 مع الرمز الشريطي المرجعي

هل تفكر في مشروع مشابه؟

حدّثنا عن حاجتك؛ نحدد النطاق والمدة والتكلفة معاً. الاستشارة الأولى مجانية.

حدّثنا عن مشروعك