تطبيق حاج عرفة

تصور تسوق باللغتين مستلهم من تراث العطارة المصرية لدى حاج عرفة.

الدورمصمم تجربة المستخدم، ومطور واجهات، وقائد سير العمل بالذكاء الاصطناعي

صممت الاكتشاف وحالات المنتج والسلة باللغتين ووجّهت مراجعة التنفيذ.

تطبيق ويب للجوالتصور لتجربة تجارة

المشكلة

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

قرارات التصميم

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

الحل

صممت رحلة التسوق والتوجه البصري، ثم وجّهت التنفيذ المتجاوب وراجعته. يربط التصور باللغتين اكتشاف المنتجات وتفاصيلها والمفضلة واستجابة السلة وخطوات الدفع.

تطبيق حاج عرفة - معاينة الواجهة
تمنح الأقسام الواضحة وطريقة عرض المنتجات الكتالوج المتنوع نقطة بداية سهلة.
استكشف الشاشات وتفاصيل التصميم

نظرة أقرب إلى المزايا والواجهة والأدلة التي تدعم العمل.

من اكتشاف المنتج إلى الوصول للفرع

اعثر على ما يناسبك

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

اعرف ما تضعه في سلتك

تجمع صفحات المنتجات الوزن والمنشأ وإرشادات الاستخدام ومعلومات المنتج، ليراجع المتسوق التفاصيل قبل الاختيار.

تسوق بخطوات قريبة

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

زر الفرع أو استفسر

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

العربية في كل تفصيلة

يغيّر تبديل اللغة اتجاه التخطيط والأيقونات، مع توطين الأوزان والوحدات وبلدان المنشأ. صُممت التجربة للغتين من البداية.

أصالة بروح معاصرة

يمنح عرض المنتجات الدافئ والمسافات الواضحة واستجابة التفاعل الهادئة العلامة مساحة للتعبير، وتدعم البنية الدلالية والتنقل بلوحة المفاتيح الوصول إلى مهام التسوق.

قرار التصميم الرئيسي

البدء بالأقسام والبحث، ثم إبقاء تفاصيل المنتج واستجابة السلة وتكاليف الطلب ظاهرة خلال الرحلة.

المقايضة: قد تنافس كثافة المنتجات والحركة مهمة التسوق. توضح التفاصيل الأساسية ودعم تقليل الحركة أثر كل إجراء.

Figma Information Architecture React Tailwind CSS E-Commerce UX WCAG 2.2 informed AI Agent Direction

لماذا هذا النهج

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

ما تعلمته

تظهر شخصية العلامة في أسماء الأقسام والصور والمسافات. حددت هذه الخيارات وراجعت سلوكها باللغتين.

مهمة التحقق التالية

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

تشمل الأدلة التصميمات والعروض المباشرة والقرارات الموثقة. تتطلب نتائج الأعمال قياسات موثقة المصدر.

التسجيلات والنصوص

تفضّل القراءة مع الاستماع؟ استكشف مكتبة الصوت والنصوص المصاحبة لكل تسجيل.

استكشف التسجيلات