Legacy
أربعة أسباب لشراء بدلة
جاءت كل شخصية من لحظة شراء مختلفة: وظيفة أولى، ورحلة عمل، وخطوبة، وهدية.
عمر، 23 عامًا، مهندس معماري مبتدئ
أول وظيفة بميزانية محدودة. “بدي أطلع كأني صاحب المكان، حتى لو راتبي راتب متدرب.”
كريم، 45 عامًا، مدير تنفيذي
كثير السفر ولا وقت لديه للتجول. “إذا القميص زبط، بشتري منه خمسة.”
زيد، 29 عامًا، مقبل على الخطوبة
يريد الإطلالة كاملة من مكان واحد، ويخشى أن تختلف الألوان في الواقع.
ليلى، 39 عامًا، تشتري هدية
تشتري لزوجها دون أن تعرف مقاسه، وتريد استبدالًا سهلًا.
ما يجب أن يتقنه التطبيق
- رؤية القصّة والقماش بوضوح، دون أن يشتت وجه العارض أو جسمه الانتباه.
- وصف دقيق للخامة مثل “صوف 100%” أو “مقاوم للتجعد” يبرر السعر.
- دليل مقاسات دقيق وسهل يزيل الخوف من المقاس الخطأ.
- من البحث إلى إتمام الشراء في أقل من ثلاث دقائق.
- معرفة القمصان وربطات العنق التي تناسب البدلة.
الهيكل قبل التنسيق
كل الطرق، سواء تصفح الفئات أو فتح منتج محفوظ أو الانتقال للسلة، تقود إلى صفحة المنتج نفسها ومسار الدفع القصير نفسه، ولا شيء يحتاجه المشتري أعمق من مستويين. صمّمت كل شاشة بالرمادي أولًا، ولم تتغير التخطيطات تقريبًا عند إضافة الألوان، أما صحة الهيكل فيبقى إثباتها لاختبار الاستخدام.
- سلة التسوقشاشتان
- الدفع
- شكرًا لك
- الدفع
- الفئاتشاشة واحدة
- صفحة المنتج
- المفضلةشاشة واحدة
- صفحة المنتج
- الملف الشخصيشاشتان
- المعلومات الشخصية
- عنوان الشحن
- صفحة المنتج
- البداية
- النهاية
- شاشة
- إجراء النظام
- قرار
التسوق
- البداية: شاشة البداية
- شاشة: التعريف بالتطبيق
- شاشة: الدخول / التسجيل
- قرار: الرئيسية: كيف يجد ما يريد؟
- التصفح: بدلات وجاكيتات وقمصان وأحذية وإكسسوارات
- المحفوظات: المفضلة
- منتج من الرئيسية
- شاشة: المنتج: التفاصيل والتقييمات والمشابه
- إجراء النظام: إضافة إلى السلة
- شاشة: السلة وملخص الطلب
- شاشة: الدفع: طريقة الدفع والشحن
- النهاية: شكرًا لك، ثم متابعة التسوق
هيكل: الرئيسية هيكل: المنتج هيكل: الدفع
ألوان الخيّاط
تحافظ قاعدة 60-30-10 على هدوء التطبيق وفخامته: الكريمي الدافئ (#F0EADC) للخلفيات، والفحمي (#2F2F2F) للنصوص، والبني (#754F23) للأسعار والإجراء الأهم فقط. ويمنح خط Libre Bodoni العناوين صوت الخيّاط الكلاسيكي، بينما يحافظ Lato على وضوح النصوص الصغيرة. وتُصوَّر المنتجات مسطّحة على خلفية بسيطة لتكون القصّة والقماش هما البطل.
من Figma بضعة متغيرات ألوان وخطّان. مأخوذة من ملف Legacy في Figma: أربعة متغيرات ألوان والخطوط المستخدمة في الشاشات النهائية.
- الألوان: معرّف
- الخطوط: معرّف
- سلّم الخطوط: غير معرّف في الملف
- المسافات: غير معرّف في الملف
- الزوايا: غير معرّف في الملف
- الظلال: غير معرّف في الملف
النظام قيد الاستخدام
الألوان
يُحسب التباين مع الأبيض أو أغمق لون نص، أيهما أعلى. اضغط على أي لون لنسخ قيمته.
لوحة ألوان الخيّاط
الخطوط
- Libre Bodoniالعناوين: صوت البوتيك
- Latoالنصوص والواجهة
الرئيسية المنتج: اختيار المقاس مبكرًا السلة الدفع في شاشة واحدة
شاشة البداية الملف: إعادة الطلب بسرعة
النموذج التفاعلي: من شاشة البداية حتى “تم تأكيد الطلب”
نموذج Figma الحي: ابدأ من “Enter the Shop” وجرّب إتمام الشراء كما يفعل كريم.
تفضّل نظرة سريعة؟ في الأسفل الشاشات الأساسية واحدة تلو الأخرى مع الملاحظات.
تنقّل بين شاشات مسار التسوق من نموذج Figma، المبني حول هدف إتمام الشراء في أقل من ثلاث دقائق.
1 / 9 ترحيب بطابع البوتيك
اضغط على الشاشة أو اسحب أو استخدم الأسهم للتنقل بين الشاشات.
ما تعلّمته
غيّرت كتابة أربع شخصيات مختلفة المنتج أكثر من أي قرار بصري: تفاصيل القماش لأحدهم، والسرعة لآخر، واقتراحات التنسيق للثالث، والمقاسات الواضحة للرابعة. والخطوة التالية: قياس الوقت من البحث حتى الدفع مقارنة بهدف الدقائق الثلاث، وإضافة تغليف الهدايا وحزمة “أكمل الإطلالة”.
