Rami El Maher

رئيس قسم التصميم
استشاري ومدقق تجربة وواجهة المستخدم

جميع الأعمالمتجر منتجات مختارة / سوق إلكترونية
التجارة الإلكترونيةويب متجاوبتصميم الواجهات

Selection.

Concept Store

متجر مدروس التفاصيل، من الاستكشاف إلى إتمام الشراء.

01 / نظرة عامة

مساحة للاكتشاف.
ودافع للاستكشاف.

متجر لمنتجات مختارة يجمع علامات تونسية ومنتجات العناية والرفاه في تجربة تسوق واحدة.

يربط التصميم واجهة متجر بطابع تحريري بالتفاصيل العملية للتسوق: استعراض المجموعة، واستكشاف المنتج، وقراءة المراجعات، والانتقال إلى إتمام الشراء.

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

دوري
تصميم الواجهات
الخبرة
واجهة متجر متجاوبة
المشروع
2022
مجالات التركيز
الاستكشاف وإتمام الشراء

التوجّه التصميمي

دع المجموعة تقود التجربة.
وأبقِ الخيارات واضحة.

تمنح واجهة المتجر الصور والمنتجات مساحة للتعبير عن نفسها. ثم توفّر الفئات ومعلومات المنتجات وأدوات التسوق مساراً واضحاً عبر المجموعة.

توجّه متسق

01

اكتشف.

استخدم افتتاحية بطابع تحريري لتقديم المجموعة.

02

قارن.

امنح معلومات المنتجات بنية متوقّعة.

03

اختر.

اجعل الخيارات وإجراءات التسوق سهلة العثور.

04

تابع.

حافظ على اللغة البصرية نفسها عند إتمام الشراء.

02 / تجربة الموقع

مدخل
إلى المجموعة.

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

Selection — Concept Store / الصفحة الرئيسية
Selection — Concept Store / الصفحة الرئيسية
Selection — Concept Store / الصفحة الرئيسيةمرّر للاستكشاف ↓

داخل التجربة

من التصفّح
إلى اختيار مدروس.

تجيب كل صفحة عن سؤال مختلف: ما المتاح، وما الذي يجعل المنتج مناسباً، وما الخطوات المطلوبة قبل تقديم الطلب.

01 / المتجر

مجموعة تدعوك للاستكشاف.

يعرض المتجر المنتجات ضمن شبكة متسقة، مع إبقاء أدوات الفئات والتصفية قريبة من المجموعة.

الكمبيوتر / تصميم واجهة مختار
Selection — Concept Store / المتجر
Selection — Concept Store / المتجر
Selection — Concept Store / المتجرمرّر للاستكشاف ↓

03 / التجربة المتجاوبة

المتجر نفسه.
ومساحة عرض أصغر.

تكيّف تخطيطات الهاتف المجموعة والفلاتر ومعلومات المنتجات وإتمام الشراء مع الشاشة الضيقة. مرّر داخل كل معاينة لاستكشاف التصميم كاملاً.

Selection — Concept Store / واجهة المتجر
01 / واجهة المتجر

اكتشاف بطابع تحريري، مُكيّف للهاتف.

Selection — Concept Store / تصفية المجموعة
02 / تصفية المجموعة

مساحة مخصصة لتضييق نطاق الاختيارات.

Selection — Concept Store / تفاصيل المنتج
03 / تفاصيل المنتج

الصور والمعلومات ضمن مسار رأسي واحد.

Selection — Concept Store / إتمام الشراء
04 / إتمام الشراء

تفاصيل طلب منظّمة لشاشة أصغر.

العمل بوصفه كلاً متكاملاً

شخصية تظهر في التفاصيل.
ووضوح في الرحلة.

تمنح المجموعة المتجر شخصيته، وتربط واجهة متسقة الخطوات المحيطة بها.

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

المشروع التالي

Flesk. العودة إلى جميع الأعمال