Carsparency Pro — منصة التجار، من العرض حتى نقل الملكية

01السياق

منصة للتجار صُمّمت تطبيقًا وموقعًا لسطح المكتب في آن واحد

كانت Carsparency تدير سوقًا للسيارات المستعملة في الإمارات: يعرض البائعون الأفراد سياراتهم، ويسجّل فاحصٌ حالتها، ثم يتنافس عليها تجار موثَّقون في مزادات موقوتة. أما Pro فهو جانب التجار، أي المنتج الذي استخدمه المشترون.

يضم ملف Figma الخاص به نصفَي هذا المنتج. تغطي أربع صفحات للتطبيق المزادات والطلبات والحساب وتسجيل الدخول، وتكرر أربع صفحات للويب المجالات نفسها بعرض سطح المكتب. وتضم معًا 129 إطارًا للتطبيق و167 إطارًا لسطح المكتب، معظمها حالات مختلفة للشاشات نفسها لا شاشات جديدة.

02المشكلة

الفوز بالمزاد منتصف عملية الشراء لا نهايتها

يزايد التاجر على سيارة لم يرها، أمام منافسين لا يراهم، والعدّ التنازلي جارٍ. وعلى شاشات المزاد أن تجعل هذا القرار سريعًا وقابلًا للتبرير.

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

03المسار

دورة حياة واحدة بخمس مراحل مرقّمة

أكبر أقسام الملف ليس المزاد بل الطلبات. تمرّ كل سيارة يفوز بها التاجر بحالات «قيد التفاوض» و«معلّق» و«تم الشراء»، ولا تكتفي أي بطاقة بكلمة «معلّق»: بل تذكر في أي مرحلة من المراحل الخمس يقف الطلب وما الخطوة التالية.

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

04القرارات الرئيسية

أربعة قرارات تشكّل يوم التاجر

هذه الخيارات ظاهرة في الإطارات. لا يسجّل الملف منطقها، لذا فالأسباب أدناه مستنتجة من طريقة بناء الشاشات.

01
إظهار القيمة السوقية العادلة تحت كل عرض
يحتاج التاجر الذي يزايد في سباق مع الوقت إلى نقطة مرجعية لا تأتي من المزايدين الآخرين. وعرض تقييم المنصة بجانب العرض الحالي، في القائمة وفي صفحة التفاصيل، يحوّل كل عرض إلى مقارنة لا إلى تخمين.
المفاضلة
يفتح ذلك باب الجدل حول التقييم: فالعرض الذي يتجاوز Fair Market Value بكثير يستدعي السؤال عن السبب.
02
ترقيم المراحل بعد رسوّ المزاد
كلمة «معلّق» لا تخبر التاجر بما عليه فعله. أما «المرحلة 1 من 5، بانتظار الدفعة المسبقة» فتخبره أين هو، وكم تبقّى، ولمن الدور.
البدائل
حالة واحدة بعنوان «قيد التنفيذ»، أو صفحة مستقلة للخط الزمني.
03
قالب تفاصيل واحد لدورة الحياة كلها
صفحة السيارة التي زايد منها التاجر هي نفسها التي يتابع فيها التسليم لاحقًا. لا يتغير سوى شريط الحالة وإجراؤه الوحيد، فلا شيء يحتاج إلى إعادة تعلّم بين المراحل.
المفاضلة

05الحل

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

صُمّم جانب المزاد للمقارنة السريعة. يتحول العدّ التنازلي إلى الأحمر في الدقائق الأخيرة، وتُظهر شارة ملوّنة «فائز» أو «خاسر»، وتتيح المزايدة بالوكالة والمزايدة التلقائية للتاجر أن ينافس دون أن يراقب الساعة.

وصُمّم جانب الطلبات لبناء الثقة. تعرض الدفعة المسبقة المبلغ المستحق والرصيد المتاح والمحفظة قبل خصم أي مبلغ. ويفصّل تفصيل السعر كل استقطاع، وتسمّي قائمة المستندات كل ورقة يحتاجها نقل الملكية، ولكل مرحلة حالة إخفاق خاصة بها (فشل الدفع، رفض المستند المرفوع، الدفع الزائد) بدلًا من رسالة خطأ عامة.

المزادات: مباشر وقادم والمخزون، مع التصفية والترتيب
المزايدة: عرض عادي ومزايدة بالوكالة ومزايدة تلقائية وشراء فوري، مع رسائل النجاح والخطأ
الطلبات: التفاوض والدفعة المسبقة والتسوية وإثبات الدفع والتسليم ونقل الملكية
الحساب: المحفظة والحسابات المصرفية قيد المراجعة والمستندات والإشعارات والمساعدة

06كل الشاشات

216 شاشة للهاتف و170 صفحة لسطح المكتب

رُوجعت كل صفحات ملف Figma الخاص بـ Pro في 27 سبتمبر 2026، وصُدِّر كل إطار بحجم شاشة: شاشات الهاتف بعرض 390 نقطة، وصفحات سطح المكتب بعرض 1,440 بكسل. تضم صفحات التطبيق الأربع 129 إطارًا، وتضم صفحات الويب الأربع 167 إطارًا لسطح المكتب؛ وبعرض كلٍّ منها مرة واحدة، مع إضافة تخطيطات الهاتف الخاصة بالويب وصفحة Updates، يصبح المجموع 216 شاشة للهاتف و170 صفحة لسطح المكتب. ويتبع الفهرسان مسار التاجر: تسجيل الدخول، وقائمة المزادات وتفاصيل السيارة، ثم الطلبات التي يفتحها الفوز (التفاوض، والدفعة المسبقة، والتسوية وإثبات الدفع، ونقل الملكية والتسليم)، ثم الحساب والحسابات المصرفية والمحفظة والمساعدة.

تنسخ معظم إطارات الهاتف في صفحات الويب إطاراتِ التطبيق، فتُعرض مرة واحدة؛ أما الإطارات المختلفة، وعددها 42، بأسعارها بالدولار ونصوصها الحقيقية لصفحات «الخصوصية» و«من نحن» و«المساعدة» وحالاتها الفارغة ولوحة المشاركة، فتجدها تحت «الويب على الهاتف». وتضم تبويبات «إعادة التصميم» صفحة Updates: تفاصيل سيارة أُعيد بناؤها مع خريطة للعيوب، وتسجيل الدخول برقم الهاتف، وحالات التحميل؛ ولمقاسات App Store واستكشافات بطاقة المزاد تبويبات خاصة بها. وقد مُوِّهت عناوين البريد الإلكتروني وأرقام الهاتف التجريبية والصورة الشخصية التجريبية، وكذلك لقطة شاشة التحويل المصرفي المستخدمة إثباتَ دفعٍ تجريبيًا.

07المنظومة

المحطة الأخيرة لسيارة بدأت رحلتها على هاتف البائع

كل ما يقرؤه التاجر في Pro أُنتج في مراحل سابقة. فقد وصف البائع السيارة في معالج الويب، وتحقق منها الفاحص في تطبيق الفحص، وسعّرها المشغّلون ودعوا التجار من المكتب الخلفي. وPro هو المكان الذي يلتقي فيه هذا السجل بمشترٍ.

تظهر العناصر المشتركة عبر الملفات: سجل السيارة نفسه (فئة المسافة المقطوعة، ومواصفات GCC، وحامل سند الملكية، وسجل الصيانة)، ودرجات الحالة نفسها، ومفردات التسعير نفسها (Fair Market Value هنا، وFair في المكتب الخلفي)، ومكتبة المكوّنات نفسها في الأساس.

08دوري

دور سينا

مستخلص من ملف Pro. لا تسجّل الملفات حجم الفريق ولا من اتخذ أي قرار، لذا فهذا هو العمل الموجود في الملف، لا ادعاءً بتأليف منفرد.

مسؤوليتي

التنقل والبنية للتطبيق ولمنتج الويب على سطح المكتب
قائمة المزادات والتصفية، وحالات العرض العادي والمزايدة بالوكالة والتلقائية
دورة حياة الطلب: حالات التفاوض والدفع والتسوية والتسليم ونقل الملكية
مسارات الحساب والمحفظة والحساب المصرفي والمستندات مع حالات مراجعتها
خريطة السيارة المفكّكة لتحديد مواضع الأضرار

مسؤولية مشتركة

—

تعاون

زملاء من الهندسة والعمليات، لم تُذكر أسماؤهم في الملفات

يحتفظ الملف أيضًا بصفحة Updates واختبارات مرقّمة للبطاقة (من Test 2 إلى Test 7)، وهو دليل على أن بطاقة المزاد طُوّرت عبر تكرارات ولم تُرسم مرة واحدة.

09النتائج

ما يقدّمه الملف

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

إطارًا للتطبيق: 129; أربع صفحات للتطبيق: المزادات، وسياراتي، والحساب، وتسجيل الدخول والتهيئة; مخرج مُسلَّم
إطارًا لسطح المكتب: 167; أربع صفحات ويب تكرر المجالات نفسها بعرض 1,440 بكسل; مخرج مُسلَّم
مراحل مرقّمة للطلب: 5; من الدفعة المسبقة حتى إثبات الدفع، ولكل منها حالتها وإجراؤها; مخرج مُسلَّم

ما تم تسليمه

قائمة المزادات والتصفية والترتيب
العرض العادي والمزايدة بالوكالة والمزايدة التلقائية والشراء الفوري
التفاوض والعروض المقابلة
الدفعة المسبقة والتسوية وإثبات الدفع
تتبّع التسليم ونقل الملكية
المحفظة والحسابات المصرفية والمستندات

10ما تعلّمته

ما علّمه هذا العمل

01
صمّم ما يأتي بعد حالة النجاح
العرض الفائز هو حيث تنتهي معظم مسارات المزادات. أما هنا فهو في المنتصف تقريبًا، والإطارات التي تليه (المدفوعات والأوراق والتسليم) تفوق شاشات المزاد عددًا.
02
الأرقام أبلغ من الصفات في عرض الحالة
«المرحلة 3 من 5، بانتظار التسوية» تجيب عن أسئلة التاجر الثلاثة: أين أنا، وكم تبقّى، وما الخطوة التالية. أما «معلّق» وحدها فلا تجيب عن أيٍّ منها.
03
البيانات الوهمية تخفي الحالات الصعبة
تعرض كل بطاقة في الملف السيارة نفسها والسعر نفسه، فلا يُختبر التصميم أبدًا أمام عنوان طويل، أو سيارة رخيصة بجانب أخرى باهظة، أو عرض يتجاوز تقييمه بكثير.

اللغة

Carsparency Pro — منصة التجار، من العرض حتى نقل الملكية

منصة للتجار صُمّمت تطبيقًا وموقعًا لسطح المكتب في آن واحد

الفوز بالمزاد منتصف عملية الشراء لا نهايتها

دورة حياة واحدة بخمس مراحل مرقّمة

دورة الشراء كما يعرضها الملف

أربعة قرارات تشكّل يوم التاجر

إظهار القيمة السوقية العادلة تحت كل عرض

ترقيم المراحل بعد رسوّ المزاد

قالب تفاصيل واحد لدورة الحياة كلها