تفاعلي — هذا هو العمل الحقيقي يعمل داخل الصفحة.ملء الشاشة
ماذا يفعل
واجهة متجر مخصّصة بأسلوب شوبيفاي لعلامة ملابس رياضية من بيروت، مبنية من أقسام على طريقة Online Store 2.0. تسوّقي الإطلالة على طاولة العرض، وأعيدي تلوين كل قطعة مباشرةً من صور المنتجات الحقيقية، وصفّي المجموعة، ثم أتمّي الطلب بالدفع عند الاستلام أو بالبطاقة أو عبر Whish. ويتيح محرر القالب المدمج تغيير الألوان والخطوط والأزرار وترتيب الأقسام أمام عينيك.
التفاعل المميز
اختاري لوحة ألوان فتُصبغ كل قطعة على طاولة العرض من صورتها الحقيقية واحدةً تلو الأخرى، بينما يتحدّث مجموع الإطلالة وخصم الإطلالة الكاملة البالغ 15%، ثم تضيفين الإطلالة كلها إلى الحقيبة بنقرة واحدة.
ما يعمل فيه
تسوّق الإطلالة مع خصم 15% على الإطلالة الكاملة
إعادة تلوين صور المنتجات مباشرةً بأربعة ألوان
محرر القالب: نظام الألوان والخطوط والأزرار وإعادة ترتيب الأقسام بالسحب
دفع في صفحة واحدة: عند الاستلام أو بالبطاقة أو عبر Whish
حساب العميل مع رمز دخول وسجلّ الطلبات
معاينة متحركة
تسجيل شاشة للعمل الحي ببيانات نموذجية.
ميزات داخل هذا العمل
متاجر إلكترونية
مُحدِّد المقاس
اختبار مقاس من خطوتين لمتجر أزياء نسائية في بيروت: حدّدي الطول والوزن بالمنزلقات (أو اسحبي المؤشر على المسطرة) فيتغيّر حجم المجسّم مباشرة، ثم اختاري شكل الصدر والخصر والوركين. النتيجة مقاس مع مؤشر ثقة، ونصيحة صريحة عند الوقوع بين مقاسين، ومعاينة لملاءمة فستان على المجسّم، واختيار المقاس الصحيح تلقائياً على كل منتج مع مراعاة القطع التي تأتي صغيرة أو واسعة.
كتالوج من ٢٤ منتجاً مع فلاتر للفئة والسعر (شريط مزدوج فوق مخطط توزيع الأسعار) وألوان ومقاسات وتقييم وتوفر. الفلاتر النشطة تظهر كشارات قابلة للإزالة، والأعداد تتحدث مباشرة، والشبكة تُعاد ترتيبها بحركة سلسة، والحالة كلها في الرابط لتشارك العرض المفلتر.
شبكة منتجات حيث «نظرة سريعة» تكبّر صورة البطاقة مباشرة إلى نافذة منبثقة مع معرض صور واختيار اللون والمقاس والكمية والإضافة إلى السلة. تعمل بالكامل من لوحة المفاتيح: Enter للفتح، الأسهم للصور، Tab محصور داخلها وEsc يعيد التركيز إلى البطاقة.
صفحة هاتف حيث تبدّل عيّنات الألوان المعرض بمسح لوني دائري، وخيارات السعة تُظهر فروقات السعر والمخزون القليل أو النافد لكل لون، ومصفوفة توفّر تعرض كل تركيبة لون × سعة بنظرة، ويتحدّث رمز المنتج والسعر والرابط مع كل اختيار.