DashVision (Dashboard Website)

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

فكرة المشروع:

تصميم واجهة احترافية لنظام إدارة يعرض بيانات تحليلية بطريقة واضحة ومنظمة في وضع داكن (Dark Mode)، مع التركيز على سهولة القراءة والتباين البصري الجيد.

المميزات الرئيسية:

تصميم احترافي بوضع داكن متناسق

شريط جانبي للتنقل بين الصفحات (Dashboard – Users – Orders – Analytics – Settings)

بطاقات إحصائية لعرض أهم المؤشرات

رسم بياني عمودي لعرض عدد المنتجات خلال الأسبوع

رسم بياني خطي لعرض الأرباح عبر الأشهر

ميزة تفاعلية: عند التأشير على الأعمدة أو النقاط يظهر العدد أو الربح الفعلي بدقة

جدول "أحدث العمليات" بتصميم منظم مع حالات ملونة لتمييز كل عملية

توزيع بصري مدروس لتقليل التشويش وتحسين تجربة المستخدم

تصميم متجاوب يعمل على مختلف أحجام الشاشات

الهدف من المشروع هو إظهار القدرة على:

بناء واجهات أنظمة إدارية احترافية

تنظيم البيانات بصريًا بطريقة واضحة

تحسين تجربة المستخدم عبر التفاعل البسيط

الاهتمام بالتفاصيل الدقيقة مثل المسافات والألوان والتباين

التقنيات المستخدمة:

HTML

CSS

المشروع متوفر للمعاينة على github