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، مع أيقونات مخصصة وبطاقات معلومات جيدة التهوية.
نماذج أولية عالية الدقة معروضة بـ 3 خيارات ألوان (أزرق، بنفسجي، أخضر).
واجهة كاملة لصفحة الهبوط (على الكمبيوتر والمحمول) وصفحات الخدمات.
نماذج UI كاملة لواجهات لوحة التحكم (شاشات إدارة الطلبات والإحصائيات).
المواصفات الجرافيكية ونظام التصميم جاهز للتكامل البرمجي من قبل فريق التطوير في Ikadran.