قمت بتصميم واجهة مستخدم وتجربة مستخدم (UI/UX) كاملة لموقع "DermaScan"، وهو مشروع يهدف إلى استخدام الذكاء الاصطناعي للكشف المبكر عن سرطان الجلد من خلال تحليل الصور.
هدف المشروع:
تصميم واجهة حديثة، بسيطة، وموثوقة تعزز من ثقة المستخدم وتجعله يشعر بالأمان أثناء استخدام أداة طبية تعتمد على الذكاء الاصطناعي.
مكونات الموقع:
صفحة رئيسية تحتوي على رسالة واضحة وتصميم جذاب
صفحة فحص فوري: تمكن المستخدم من رفع صورة والتحقق من حالته خلال ثوانٍ
صفحة توعية بأنواع سرطان الجلد
صفحة لعرض كيفية عمل الأداة (AI Detection Process)
تنبيه طبي يوضح أن الأداة لأغراض تعليمية فقط
تصميم الواجهة:
تم تصميم الموقع بالكامل على Figma
اعتماد ألوان هادئة وموثوقة (أزرق وأخضر فاتح)
استخدام صور طبية تعزز المصداقية
تصميم متجاوب (Responsive Design)
تجربة مستخدم سلسة وخالية من التعقيد