NETLINKING UI/UX تصميم واجهات وتجربة المستخدم

scroll down image ui design sandy kanaan
design ui ux par sandy kanaan designer web a nice freelancer
design ui ux par sandy kanaan dsigner web a nice freelancer

اسم المشروع :

Netlinking (مشروع تم تنفيذه في وكالة Ikadran)

المهمة المنجزة :

إعادة تصميم بصري، نظام التصميم، واستكشاف الألوان للواجهات (Design System & Exploration Chromatique UI)

نوع الخدمة :

تصميم ويب حديث، منصة SaaS، وواجهة بأسلوب الزجاج الضبابي (Glassmorphism)

تقديم المشروع :

Netlinking هي منصة SaaS متخصصة في تحسين محركات البحث (SEO) وشراء الروابط الخلفية (backlinks). خلال فترة تدريبي في وكالة Ikadran، توليت المسؤولية الكاملة لتصميم UI/UX لموقعهم التعريفي الجديد، بالإضافة إلى واجهة المستخدم للوحتَي التحكم (Dashboard) الخاصتين بالمعلِنين والناشرين.

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

أهداف المهمة :

كانت استراتيجية التصميم البصري والمريح تهدف إلى تحسين تجربة إدارة حملات بناء الروابط (netlinking) لمتخصصي الويب:

  • تحديث صورة العلامة التجارية بواجهة عصرية للغاية تستغل تأثير العمق الخاص بالـ Glassmorphism.

  • إقتراح واختبار درجات ألوان متعددة للعثور على التوازن المثالي بين الهوية المؤسسية والحديثة.

  • هيكلة لوحة تحكم معقدة (الطلبات، إحصائيات الأداء، متابعة المقالات الرعاية) بطريقة واضحة ومبسطة.

  • تصميم صفحة هبوط (Landing Page) مميزة تسهل التسجيل السريع للفئتين المستهدفتين: المعلنون والناشرون.

 

تنفيذ الموقع الإلكتروني :

كان هذا المشروع بمثابة مختبر حقيقي للاستكشاف الجرافيكي على Figma، حيث جمع بين الجماليات المتقدمة ومنطق التكامل البرمجي (SaaS UI).

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

  • إتقان أسلوب Glassmorphism وتصميم UI: استخدام متقدم لتأثيرات الخلفية الضبابية (Background Blur)، مع حواف مضيئة دقيقة وتباينات مدروسة لإعطاء مظهر الزجاج المصقول. أتاح هذا الأسلوب تسلسل المعلومات بسلاسة دون إثقال الصفحات.

  • سهولة الاستخدام للوحة التحكم ومحتوى SEO: تنظيم العناصر المعقدة للمنصة (البحث حسب المعايير، الفلاتر الموضوعية، وجداول أسعار المقالات). تم تصميم مسار المستخدم لتقليل المجهود البصري أثناء إدارة حملات الSEO، مع أيقونات مخصصة وبطاقات معلومات جيدة التهوية.

التقنيات والأدوات :

Icône Figma pour le maquettage d'interfaces UI/UX par Sandy Kanaan, designer d'application freelance à Bordeaux.Figma icon for user interface prototyping and UX/UI design by Sandy Kanaan, freelancer in Bordeaux.

المخرجات الرئيسية :

  • نماذج أولية عالية الدقة معروضة بـ 3 خيارات ألوان (أزرق، بنفسجي، أخضر).

  • واجهة كاملة لصفحة الهبوط (على الكمبيوتر والمحمول) وصفحات الخدمات.

  • نماذج UI كاملة لواجهات لوحة التحكم (شاشات إدارة الطلبات والإحصائيات).

  • المواصفات الجرافيكية ونظام التصميم جاهز للتكامل البرمجي من قبل فريق التطوير في Ikadran.

الإدارة الفنية & خيارات الألوان