Nestiq

نبذة عن المشروع:

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

المشكلة:

النسخة الأصلية من التطبيق كانت تشتغل وظيفياً، لكن تصميمها كان يعاني من: تباعد غير متسق بين العناصر، تباين ألوان ضعيف بالنصوص، خلفيات مزدحمة، أزرار بأشكال غير موحدة، ومحتوى نائب (placeholder) غير واقعي — كل شاشة كانت "تعمل أكثر" لكن توصل معلومة أقل للمستخدم.

طريقة التنفيذ:

مرحلة البحث (Research):

بناء Personas لمستخدمين حقيقيين (احتياجاتهم، أهدافهم، نقاط الإحباط)

كتابة User Stories توضح سيناريوهات الاستخدام الفعلية

رسم User Flow كامل لمسار البحث عن عقار

بناء Information Architecture / Sitemap لهيكلة المحتوى والتنقل

عمل Competitive Analysis وFeature Comparison لمقارنة التطبيق بمنافسين بالسوق العقاري (لتحديد الفجوات ونقاط التميز)

بناء نظام تصميم موحّد (Design System):

لوحة ألوان واحدة بلون أساسي وألوان دلالية (نجاح/تنبيه)

نظام Typography موحّد (Headings, Body) بأحجام وأوزان محددة

مكتبة مكوّنات (Buttons, Chips, Cards) قابلة لإعادة الاستخدام

نظام Radius/Corner موحّد لكل العناصر لضمان الاتساق البصري

إعادة تصميم الشاشات:

إعادة بناء كل شاشة اعتماداً على نظام التصميم الموحّد بدل تصميم كل شاشة بمعزل عن غيرها، لضمان تناسق 100% بالمكوّنات عبر كل المسارات الخمسة.

الأدوات المستخدمة:

Figma (تصميم الواجهات وبناء الـ Design System والمكوّنات)

النتيجة:

تجربة مستخدم متسقة وهادئة عبر 25+ شاشة، بنظام تصميم واحد قابل للتوسع مستقبلاً، وواجهات أسهل بالمسح البصري وأكثر مصداقية للمستخدم.