مشروع مفاهيمي من الاستوديومنصات التجارة الإلكترونية
Dukkan
متجر إلكتروني ثنائي اللغة: العربية والإنجليزية، من اليمين إلى اليسار كما يجب، وسريع على الجوال.
مشاريع عملائنا سرية بموجب اتفاقيات عدم الإفصاح. هذه الأنظمة بنيناها بأنفسنا، ونعرضها لتوضيح مستوى ما نسلّمه.
المشكلة التي يعالجها
معظم المتاجر «العربية» قوالب إنجليزية بنصوص مترجمة: التخطيط لا ينقلب فعليًا، والأرقام والأسعار تتصادم مع النص، وتنهار الثقة في الموضع الذي يشتري منه عملاء المنطقة تحديدًا: على الجوال، بالعربية، وعند الدفع.
ما الذي يقوم به النظام
- 01نسخة كاملة من اليمين إلى اليسار، لا انعكاس شكلي: التخطيط والخطوط وبطاقات المنتجات وصفحة الدفع كلها مضبوطة للعربية.
- 02كتالوج واحد بلغتين: تُحرَّر المنتجات والفئات والمحتوى مرة واحدة وتُعرض في النسختين.
- 03صفحات ثابتة أولًا تبقى سريعة على الأجهزة المتوسطة والاتصالات الضعيفة.
- 04سلة وبحث وتصفية تعمل بالطريقة نفسها في الاتجاهين.
- 05دعم مدمج لطرق الدفع المعتمدة في المنطقة: البوابات المحلية والدفع عند الاستلام مساران أساسيان لا استثناءان.
التقنيات
- Astro
- TypeScript
- Tailwind CSS
- A headless commerce API
- Cloudflare Pages
البنية
واجهة متجر ثابتة تُقدَّم من حافة الشبكة وخلفها واجهة API للتجارة (بنية headless): تُبنى الصفحات مسبقًا لكل لغة، ولا يعمل JavaScript إلا حيث يلزم، كالسلة.
كيف نبني هذا لكم