Dashboard Using Figma - لوحه تحكم باستخدام فيجما

تفاصيل العمل

المشروع عبارة عن لوحة تحكم (Analytics Dashboard) تفاعلية تهدف إلى متابعة الأداء الرقمي والمالي بشكل شامل وسهل القراءة.

التصميم قائم على Dark Mode UI لخلق تجربة بصرية عصرية ومريحة للعين، خاصة عند التعامل مع كميات كبيرة من البيانات. تم تنظيم المعلومات داخل Data Cards ورسوم بيانية (Charts & Graphs) لعرض الإحصائيات بطريقة واضحة وسريعة الفهم.

المكونات الأساسية للـ Dashboard تشمل:

Analytics Report يعرض عدد الزيارات (Page Views)، عدد المستخدمين الشهري (Monthly Users)، الاشتراكات الجديدة (New Subscriptions)، ومتوسط مدة الجلسة (Average Visit Duration).

Total Balance يوضح الإيرادات والمصروفات مع Line Chart ديناميكي يتيح التتبع السنوي، الشهري، الأسبوعي، واليومي.

Users by Software عبر Donut Chart يوضح توزيع المستخدمين (Windows – iOS – Linux).

Web Traffic من خلال Bar Chart يوضح مصادر الزيارات (Direct & Organic Search) مع فلترة حسب الأسبوع.

Subscriptions Table يتضمن تفاصيل المستخدمين (Name, Email, Date, Location, Status, Revenue) مع تمييز الحالات (Active/Expired).

تم الاعتماد على Typography واضحة وألوان متباينة (Contrastive Color System) لتسهيل قراءة البيانات داخل الوضع الداكن. كما أضيفت Micro-interactions في الأزرار (Create Report, Filters) لزيادة التفاعل.

الـ Navigation Panel الجانبي منظّم (Home, Reports, Products, Tasks, Users, Prices, Settings)، مما يجعل الوصول للأقسام أسهل.

هذا المشروع يعكس توازن بين Data Visualization و User Experience Design حيث يتيح للمستخدم متابعة مؤشرات الأداء (KPIs) بسرعة وفعالية، مع واجهة مرنة وقابلة للتوسع (Scalable & Responsive Design).)

** a recreated artwork

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
6
تاريخ الإضافة
تاريخ الإنجاز
المهارات