«معظم النماذج التجريبية للتجارة الإلكترونية صفحة رئيسية ووعد. نحن بنينا المتجر كاملاً — ثماني صفحات، وسلة تعمل فعلياً، وتصفية متعددة المعايير، بالإنجليزية والعربية — حتى لا يبقى السؤال هل نستطيع، بل متى نبدأ.»
المتجر ليس صفحة، بل منظومة — كتالوج، وطريقة لتضييقه، وسلة تتذكّر ما بداخلها، ومسار شراء لا يفقد العميل في منتصفه. لذلك ابتكرنا متجر إلكترونيات استهلاكية في دبي وبنيناه بالكامل: ثمانية عشر منتجاً بمواصفات حقيقية، وتصفية متعددة المعايير مع أعداد حيّة، وسلة تبقى بعد إعادة التحميل، وصفحات منتجات ومدوّنة ودليل علامات، بالإنجليزية والعربية، على واجهة داكنة بلمسة زمردية.
صفحات، جميعها تعمل
متجر معكوس بالكامل للعربية
مجموعة الصور كاملة بصيغة WebP
لقطات من الموقع الحيّ — ليست تصاميم توضيحية. كل لقطة للموقع قيد التشغيل بمقاس 1440×900.
واجهة متغيرة فوق صور منتجات مصمّمة خصيصاً، يليها شريط الوعود ثم بطاقات الفئات التي تقود مباشرة إلى مرشّحات المتجر.
أربع فئات رئيسية ورفّ مختارات يحمل شارات «جديد» و«الأكثر مبيعاً» و«تخفيض»، مع أسعار بالدرهم ونسبة خصم محسوبة من السعر الأصلي.
مرشّحات للفئة والتوفّر والسعر والتقييم، لكل منها عدّاد حيّ يُعاد حسابه مع كل تضييق للنتائج، وكل حالة لها رابط قابل للمشاركة.
معرض صور مع تكبير يتتبّع المؤشر، ورصيد فعلي للمخزون، ومحدّد كمية، ولوحات مواصفات قابلة للطي، إلى جانب رفّ منتجات ذات صلة.
تُحفظ محليّاً فتبقى بعد إعادة تحميل الصفحة وترافق العميل بين الصفحات، وتقرأ شارة الرأس واللوحة الجانبية وهذه الصفحة من مصدر واحد.
ليست طبقة ترجمة. خصائص CSS المنطقية تعكس المتجر بأكمله — التنقل والواجهة والشارات والمرشّحات والأرقام — بدل ترقيع تخطيط موجّه من اليسار.
الكتالوج ملف بيانات واحد، وكل ما عداه مشتق منه — أعداد عوامل التصفية، وخيارات الترتيب، وشريط المنتجات ذات الصلة، والروابط المباشرة التي تتيح مشاركة فئة أو علامة كرابط مستقل. تُحفظ السلة محلياً فتبقى بعد إعادة التحميل وترافق العميل بين الصفحات، وتقرأ اللوحة الجانبية وصفحة السلة وشارة الرأس جميعها من مصدر واحد. صُوّرت المنتجات كمجموعة متجانسة بإضاءة زمردية على خلفية شبه سوداء، ثم حُوّلت إلى WebP — من ٤٫٣ ميغابايت إلى ٢٥١ كيلوبايت. وكل خصائص التخطيط منطقية لا فيزيائية، فتنعكس الواجهة بالكامل عند التبديل إلى العربية بدل ترقيعها، وقد جرى التحقق من تباين كل نص مقابل معيار WCAG AA قبل الإطلاق.
ملاحظة: VoltCrate مشروع تجريبي ذاتي المبادرة. المتجر ومنتجاته وأسعاره وكمياته جميعها افتراضية ولا شيء معروض للبيع. الغرض منه عرض هندسة التجارة الإلكترونية وتصميم الواجهات.
* سؤال أو مشروع تريد مناقشته؟ فريق GOAT Technologies هنا — مكتب رئيسي في أمريكا وفرع في دبي. عبّئ النموذج أدناه!
