CProperty — مقارنة واضحة لمساكن البيع على المخطط في فانكوفر الكبرى

01السياق

اختيار واعٍ

تُعدّ CProperty سوقًا إلكترونية لمساكن البيع على المخطط، أي الشقق والمنازل المتلاصقة التي تُباع قبل أن تُبنى، في منطقة لوار ماينلاند بكولومبيا البريطانية. وحرف C هو أول حرف في كلمة Conscious، أي «واعٍ»، وتكرّره عبارة القسم الافتتاحي: «Choose Consciously, Invest Delightfully.» أما العناوين النموذجية فتقع في حي ويست إند بفانكوفر.

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

CProperty — صفحة العقار على سطح المكتب: معرض الصور وبجانبه نطاق سعري وأرقام رئيسية، ثم علامات التبويب، والنظرة العامة، وبطاقات المعلومات — شكل 02صفحة العقار على سطح المكتب: معرض الصور وبجانبه النطاق السعري والأرقام الستة، ثم علامات التبويب والنظرة العامة.

02المشكلة

دفعة مقدّمة على مبنى لم يُبنَ بعد

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

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

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

03التحوّل

من كتيّبات للوسطاء العقاريين إلى مقارنات للمشترين

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

وتقلب إعادة التصميم المعادلة. اختفت لوحات التحكّم والباقات، وصار التصفّح مجانيًا، وتصل نية الشراء عبر نموذجين: «Contact Sales Center» أسفل جدول الوحدات، و«Get Exclusive Information» في صفحتي العقار والمطوّر، وهو يسأل المرسِل إن كان وسيطًا عقاريًا أم مشتريًا. ولا تزال المنصة تخدم الوسطاء العقاريين، لكن بوصفهم عملاء محتملين لا مشتركين. وبقيت الفكرة الجوهرية لأداة المقترحات، أي وضع الوحدات جنبًا إلى جنب، في صفحة المقارنة، التي باتت تقارن المال لا المواصفات.

CProperty — صفحة المقارنة بعد إعادة التصميم: ثلاث وحدات بجوانبها المالية، ومرافقها، وأساسيات المعيشة والسكن، وتقييم CProperty — شكل 04صفحة المقارنة: ثلاث وحدات جنبًا إلى جنب، الجوانب المالية أولًا، ثم المرافق والأساسيات والتقييم.

04المنهج

الملف يحفظ ترتيب العمل

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

تُنظَّم المسارات كلها بالطريقة نفسها: بطاقة عنوان، ثم عمود لكل نقطة توقّف (سطح المكتب بعرض 1,440، والجهاز اللوحي بعرض 1,028، والجوال بعرض 360 أو 393)، مع شاشة واحدة لكل حالة. وفي مرحلة أخيرة، استُبدل تذييل جديد في كل الشاشات تقريبًا وفي كل الصفحات.

المسارات بالترتيب الذي رُسمت به

01
أساس النظامالألوان، والخطوط، والأزرار، والترويسة والتذييل؛ أما النوافذ الحوارية والنماذج والإشعارات المنبثقة فجاءت لاحقًا
02
الصفحة الرئيسيةالقسم الافتتاحي، والبحث، وأحدث المشاريع، وطريقة العمل، والأسئلة الشائعة

05الحل

خيارات تصفية تطرح أسئلة المستثمر

تبدأ صفحة القائمة بعبارة «Invest Delightfully with Selecting Project!» وبشريط تصفية يطرح أسئلة المستثمر أولًا: الموقع، وتاريخ التسليم، ومعدّل الاستثمار، والدفعة المقدّمة، والسعر. أما غرف النوم، والحمّامات، ومواقف السيارات، ووحدات التخزين، ونوع العقار، والحد الأقصى لإجمالي الدفعة المقدّمة، وتاريخ اكتمال البناء، فتنتظر في «Advanced». وكل خيار من خيارات التصفية الستة مرسوم مفتوحًا: شبكة من شرائح المدن، وتقويم، وأشرطة تمرير للمعدّل والدفعة المقدّمة والسعر، ولوحة «Advanced».

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

CProperty — شريط التصفية في قائمة العقارات ولوحة «Advanced» مفتوحة: نوع العقار، والحد الأقصى للدفعة المقدّمة، وتاريخ اكتمال البناء، وغرف النوم، والحمّامات، ومواقف السيارات، ووحدات التخزين — شكل 05شريط التصفية ولوحة «Advanced» مفتوحة: أسئلة الاستثمار على الشريط، وأسئلة الأسرة داخل اللوحة.

CProperty — قسم السعر والنفقات: سيناريوهات الرهن العقاري حسب الدفعة الأولى، وشبكة للدفعات الشهرية حسب سعر الفائدة، والتكاليف المستحقة عند إتمام الصفقة — شكل 06السعر والنفقات: سيناريوهات الدفعة الأولى، وشبكة للدفعات الشهرية حسب سعر الفائدة، والمبلغ النقدي المستحق عند إتمام الصفقة. الأرقام في الملف مؤقتة؛ أما التصميم فهو البنية.

06المقارنة

قارن الوحدات، لا المباني

تُعرض الوحدات والمخططات الطابقية في جدول (المشروع، والمخطط الطابقي، وغرف النوم مع المساحة المرنة، والموقع، والمساحة، والسعر)، وفي كل صف زر المفضّلة و«More» و«Add to Compare»، وتحته نموذج «Contact Sales Center». وتكرّر تفاصيل الوحدة الجوانب المالية لوحدة واحدة: السعر، وتاريخ التسليم، ورسوم التنازل عن العقد، ورسوم الصيانة لكل قدم مربع، والدفعة الأولى، والمخطط.

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

لكل وحدة تقييم CProperty، فتنتهي كل مقارنة بحكم المنصة نفسها.

CProperty — جدول الوحدات والمخططات الطابقية على سطح المكتب، وفي كل صف زر المفضّلة و«More» و«Add to Compare»، وتحته نموذج تواصل — شكل 07الوحدات في جدول، مع «Add to Compare» في كل صف ونموذج مركز المبيعات في الأسفل.

CProperty — تفاصيل الوحدة على الهاتف: غرف النوم، والحمّامات، والشرفة، والمطوّر، وتقييم CProperty للتصميم الداخلي وقيمة المسكن

CProperty — نموذج «Get Exclusive Information» على الهاتف، مع مفتاح للاختيار بين وسيط عقاري ومشترٍ

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

خمسة قرارات وراء المقارنة

تقوم إعادة التصميم على خمسة اختيارات يكشفها الملف.

01
امنح المشترين الأرقام مجانًا، وعامِل الوسطاء العقاريين كعملاء محتملين
كانت النسخة السابقة تبيع للوسطاء العقاريين بيانات الوحدات والمقارنة جنبًا إلى جنب وكتيّبات العملاء، باشتراكات سنوية أو لثلاثة أشهر. أما إعادة التصميم فتفتح هذه الأرقام لكل زائر، وتوجّه نية الشراء عبر نموذجين، أحدهما يسأل المرسِل إن كان وسيطًا عقاريًا أم مشتريًا.
المفاضلة
على الإيرادات أن تأتي من العملاء المحتملين بدل الاشتراكات، ولا يسجّل الملف أي نموذج لتسعيرهم.
02
اعرض الدفعة المقدّمة جدولًا، لا نسبةً واحدة
تُسدَّد الدفعة المقدّمة في البيع على المخطط على أقساط مؤرّخة طوال فترة البناء، والرقم الواحد يُخفي موعد استحقاق المال. لذا ترسمها صفحة العقار بطاقاتٍ، لكلٍّ منها حصّتها وتاريخها.
المفاضلة
يجب إدخال جدول كل مشروع، ويجب أن يتّفق الإجمالي مع الترويسة، وهو ما لا يحدث في الصفحة النموذجية.
03
قارن الوحدات، لا المشاريع
تختلف رسوم التنازل عن العقد، ورسوم الصيانة لكل قدم مربع، وإضافات موقف السيارة أو شحن السيارات الكهربائية من وحدة إلى أخرى ومن مخطط إلى آخر، لذا يظهر «Add to Compare» في كل صف من صفوف الوحدات، وتصفّ صفحة المقارنة الجوانب المالية لثلاث وحدات.

08دوري

دور سينا

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

مسؤوليتي

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

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

تعاون

العميل، الذي قدّم موجز السوق مدينةً مدينة

النسخة السابقة المؤرشفة في الملف نفسه ليست من عمل سينا؛ هي موصوفة هنا للسياق فقط، ولا تُعرض أيّ شاشة منها.

09قراءة نقدية

أربع دفعات مقدّمة في صفحة واحدة

يجيب العقار النموذجي عن سؤال «كم أدفع قبل اكتمال البناء؟» بأربع إجابات مختلفة. تقول الترويسة إن الدفعة المقدّمة 30%. ويقول قسم المعلومات إن إجمالي الدفعة المقدّمة 32,500 دولار، وإن الدفعة الأولى 25%. ويقول جدول الدفعة المقدّمة إن الإجمالي 20%، في حين أن مجموع أقساطه، 8% و4% و4% و2%، هو 18%.

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

لوحة السعر معنونة بـ«Deposite»، وتعيد استخدام نطاق شريط تمرير الدفعة المقدّمة.
يُختار تاريخ التسليم من أيام شهر واحد، في حين تمتد سنوات التسليم في الملف من 2024 إلى 2026.
تُكتب النسب المئوية بوضع العلامة قبل الرقم، مثل «%30»، وتتكرّر كلمة «Deposite» بخطئها الإملائي في كل مكان.

أهم رقم في الصفحة هو أقلّ أرقامها اتساقًا.

CProperty — أرقام ترويسة صفحة العقار: نطاق سعري وبطاقات منها دفعة مقدّمة بنسبة 30%

CProperty — هيكل الدفعة المقدّمة: 20% إجمالًا، مرسومة أقساطًا بنسب 8% و4% و4% و2% مع تواريخها

CProperty — لوحة تصفية الموقع مفتوحة: خمس عشرة شريحة للمدن، وكوكيتلام مدرجة مرتين — شكل 10خمس عشرة شريحة: لا لانغلي، ولا بورت كوكيتلام، وكوكيتلام مرتين.

10النظام

الإصدار 0.0.1: نظام بالبنّي والكريمي

يحمل نظام التصميم وسم الإصدار 0.0.1 عبر إحدى عشرة لوحة: الألوان، والخطوط، والترويسة والتذييل، والأزرار، ومربعات الاختيار وأزرار الاختيار الأحادي، ومفاتيح التبديل، والملف الشخصي، والنافذة الحوارية، وحقول النماذج، ومسارات التنقّل، والإشعارات المنبثقة. ويضم 13 مجموعة مكوّنات تحتوي على 248 متغيّرًا، منها 90 للأزرار وحدها، و67 نمطًا لونيًا. تدرّجا العلامة هما بنّي رئيسي وكريمي، بينما يحمل الأزرق والرمادي والأخضر والأحمر دلالات الحالة. وتضيف صفحة الأيقونات 120 مجموعة أيقونات بخمسة أحجام، مع لوحات لأيقونات المرافق والأماكن.

وتكشف فجوتان أين توقّف العمل. فلا توجد متغيّرات Figma: مجموعة المتغيّرات الوحيدة فارغة، لذا فكل لون مُعرَّف نمطًا. ولوحة الخطوط توثّق Poppins وMazzard، بينما تُصفّ معظم الشاشات بخط Hurme Geometric Sans 3، الذي لا يظهر إلا في نمط واحد من أنماط النصوص الـ12.

نظام التصميم في CProperty، الإصدار 0.0.1 — لوحة الألوان بتدرّجات البنّي والكريمي والأزرق والرمادي والأخضر والأحمر — شكل 11لوحة الألوان: تدرّجا العلامة البنّي والكريمي فوق ألوان الحالات، الإصدار 0.0.1.

11النتائج

سجلّ تصميم، لا إطلاق

لا دليل في الملف على أن CProperty أُطلقت، ولا أرقام عن الاستخدام أو العملاء المحتملين يمكن ذكرها. ما يحويه الملف هو تصميم متجاوب مكتمل لجانب المشتري في سوق البيع على المخطط.

شاشةً عبر سبعة مسارات: 76; ستة منها بعرض سطح المكتب والجهاز اللوحي والجوال، والمدوّنة بعرض سطح المكتب والجوال; مخرج مُسلَّم
مكوّنًا في نظام التصميم: 261; 13 مجموعة و248 متغيّرًا، الإصدار 0.0.1; مخرج مُسلَّم
لوحات تصفية مرسومة مفتوحة: 6; الموقع، وتاريخ التسليم، ومعدّل الاستثمار، والدفعة المقدّمة، والسعر، و«Advanced»; مخرج مُسلَّم

ما تم تسليمه

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

12ما تعلّمته

ما كنت سأغيّره

01
رقم واحد، مصدر واحد
يذكر العقار النموذجي دفعته المقدّمة بأربع صيغ. وفي صفحة عقار يُباع على المخطط، الدفعة المقدّمة هي الرقم الذي يبني عليه المشتري خططه؛ لذا ينبغي أن تُخزَّن مرة واحدة وتُعرض في كل مكان، فلا يمكن للترويسة والجدول أن يختلفا.
02
طابِق ما بُني مع الموجز
ذكر موجز السوق كل مدينة وكل حي، لكن تصفية الموقع أسقطت اثنتين منها وكرّرت ثالثة. ولو قورنت التصفية المكتملة بالموجز سطرًا بسطر، لاكتُشف الخلل في دقائق.
03
وثّق الخطوط التي تستخدمها فعلًا
تعلن لوحة الخطوط عن Poppins وMazzard، بينما تُصفّ معظم الشاشات بخط Hurme Geometric Sans 3، الذي يظهر في نمط نصي واحد فقط. ولا يكون نظام التصميم نظامًا إلا إذا وصف الشاشات التي يخدمها.

اللغة