NEXTWAVE / أعمالنادراسة حالة / من الفكرة إلى الاستخدام

رِواق — واجهة المشروعات والوحدات العقارية

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

اكتشف تفاصيل المشروع

موكاب واجهات رِواق على الكمبيوتر والجوال

1 / 1

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

العميل: مشروع من تطوير Nextwave
قطاع العميل: العقارات
المنصات: الويب
نوع المشروع: أنظمة أعمال

الخدمات المقدمة

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

الفكرة والسياق

نظرة عامة على المشروع

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

المشكلة التي بدأ منها التصميم

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

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

كيف رتبنا تجربة العمل

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

تفاصيل تخدم الاستخدام

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

من داخل التجربة

صور المشروع

تعرّف على تفاصيل الواجهات وتجربة الاستخدام من خلال صور المشروع.

1 / 3

حالة استخدام: الوصول إلى وحدة مناسبة

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

عند اختيار وحدة، تنتقل إلى ملفها بدل البحث عن صورها في مكان آخر. تخدم الرحلة لحظة المقارنة نفسها: لماذا هذه الوحدة ضمن الاختيارات، وما المعلومات التي تحتاج مراجعة قبل الانتقال إلى الحديث المالي؟

حالة استخدام: مناقشة سيناريو الدفعات

داخل صفحة الوحدة يغير المستخدم نسبة المقدم وفترة الدفعات، فيرى مباشرة علاقة المدخلات بالمتبقي والقسط. هذه المقارنة الحسابية تفتح نقاشًا أوضح عن طريقة السداد. تعرض الحاسبة تقسيم المبلغ فقط؛ الفوائد والرسوم والشروط التعاقدية تأتي من قواعد التسعير المعتمدة عند ربطها بنظام العمل.

حالة استخدام: حفظ اهتمام مبدئي بالوحدة

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

تصميم يُقرأ قبل أن يُشرح

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

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

نطاق العمل

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