مجموعة شاكر · استكشاف تصميم تفاعلي UX / UI Exploration

تطوير تجربة التسوق في متجر شاكر

استعراض التصورات المقترحة لتحسين تجربة العميل من اختيار المنتج حتى إتمام الطلب وما بعده

هذه المنصة تجمع أربع مراحل من رحلة العميل في متجر shakersa.com (المنتج، السلة، إتمام الطلب، ثم تأكيد الطلب وما بعد الشراء)، ولكل مرحلة ثلاثة مفاهيم تصميم تفاعلية تعمل في المتصفح على بيانات حقيقية من المتجر، إلى جانب لوحة مقارنة وتقييم وتوصية، ثم طبقة البريد الإلكتروني التي تواكب العميل عبر الرحلة كلها بعد الطلب. النماذج استكشاف لتجربة الاستخدام والواجهة، وليست تنفيذًا نهائيًا على المتجر: لا تتصل بالمتجر الفعلي، ولا تُنشئ طلبات، ولا تنفّذ أي عملية دفع، ولا تُرسل أي بريد.

3 مراحل
9 نماذج تفاعلية
66 سيناريو عرض
12 قالب بريد إلكتروني
بيانات المتجر بتاريخ 18 أكتوبر 2026

ابدأ من صفحة المنتج تصفّح المفاهيم الاثني عشر

نظرة عامة

مراحل رحلة العميل

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

الوحدات

لوحات المقارنة

لكل مرحلة لوحة مقارنة تعرض المفاهيم جنبًا إلى جنب على سطح المكتب والجهاز اللوحي والجوال، مع سيناريوهات موحّدة ومصفوفة تقييم وتوصية نهائية. ولطبقة البريد لوحة عرض تعاين القوالب الـ12 بسيناريوهات مختلفة مع خارطة طريق للرسائل الـ24.

ملخص الاستكشاف

ماذا يعالج كل جزء من الرحلة

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

مُنفَّذ في النموذجيعمل في النماذج واختُبر جزئيجزء منه واجهة شكلية مقترحفكرة لم تُنفَّذ بعد

المفاهيم

افتح أي مفهوم مباشرة

اثنا عشر نموذجًا تفاعليًا كاملًا، وخمس فئات من قوالب البريد. يفتح كل نموذج بسيناريو افتراضي ويحتوي شريط عرض لتبديل السيناريو والعودة إلى لوحة مقارنته.

نطاق المشروع

ما الذي تشمله هذه المنصة وما لا تشمله

نماذج أمامية تفاعليةHTML/CSS/JavaScript ثابتة تعمل من أي خادم ملفات؛ الحسابات والتحقق والسيناريوهات محاكاة في المتصفح.

استكشاف تجربة الاستخدام والواجهةمبني على تدقيق الصفحات الحالية وبحث المنافسين، مع بيانات حقيقية من المتجر حيثما أمكن.

مفاهيم متجاوبةاختُبرت على عروض من 320 إلى 1920 بكسل ويمكن معاينتها هنا على الجوال والجهاز اللوحي وسطح المكتب.

لوحات مقارنة وتقييممعاينة متزامنة، سيناريوهات موحّدة، مصفوفة تقييم خبير، وتوصية مبنية على التدقيق لكل مرحلة.

غير متصلة بأي معالجة دفع فعليةطرق الدفع وأكواد الخصم والطلبات كلها محاكاة؛ لا يُرسل أي طلب إلى بوابة دفع أو إلى المتجر.

لا تُرسل أي بريد إلكترونيقوالب البريد تُعاين ببيانات تجريبية داخل المتصفح؛ لم يُفعَّل أي إرسال أو أتمتة، ولم تُعدَّل إعدادات البريد في المتجر.

ليست تنفيذًا إنتاجيًا على ووكومرسلم يُعدَّل أي ملف في موقع ووردبريس أو ووكومرس؛ خطط التنفيذ والجدوى موثّقة في مستندات كل مرحلة.