UX/UI • Front-End • تصميم منتجات

أصمم التجربة…
وأبنيها

من الفكرة إلى الواجهة، ومن الواجهة إلى منتج يعمل

مصممة UX/UI ومطورة Front-End من السعودية، أعمل على تطبيقات جوال، منصات مؤسسية، وتجارب رقمية مبنية حول المستخدم

منشور تطبيق جوال
الخبرة أكثر من ٥ سنوات
التركيز UX + كود
تم تنفيذ منتجات ويب

لماذا أعمل معي؟

مصممة تفهم المستخدم، العمل، والتنفيذ التقني

مصممة تُتقن الكود

أربط بين التصميم والتنفيذ، وأبني واجهات جميلة، واقعية، قابلة للتطوير، وأسهل على فرق التطوير تنفيذها بجودة عالية

تفكير منتجي ثنائي اللغة

أصمم للعربية والإنجليزية مع فهم لاتجاه RTL، التوطين، بنية المحتوى، وتجارب المستخدم المناسبة للسياق المحلي

بناء أثر يواكب رؤية 2030

أهتم ببناء منتجات رقمية تدعم التحول في السعودية، خصوصًا في السياحة، الثقافة، الأنظمة المؤسسية، والخدمات المتمحورة حول المستخدم

أعمال مختارة

مشاريع ومنتجات عملت عليها، من الفكرة الأولى وحتى الإطلاق.

غلاف مشروع تطبيق Toura
٠١ — مشروع رئيسي

SwiftUI • تصميم منتجات • تطوير جوال

Toura

تطبيق سعودي للاكتشاف بدأت العمل عليه من الفكرة الأولى حتى إطلاقه على App Store، جامعًا بين تصميم المنتج وتجربة المستخدم والتطوير الفعلي للجوال.

  • قدت تصميم فكرة المنتج، ورحلات المستخدم، والواجهات.
  • طورت التطبيق باستخدام SwiftUI.
  • بنيت تجربة تعكس الثقافة والسياحة وتنسجم مع مستهدفات رؤية 2030.
٠٣ — مشروع عميل
مشروع عميل منشور

UX/UI • Front-End • موقع مؤسسي • تجربة ثنائية اللغة

مكتب العجالين للمحاماة

صممت وطورت موقعًا مؤسسيًا ثنائي اللغة لمكتب محاماة سعودي، مع التركيز على الثقة والوضوح وسهولة الاستخدام وإمكانية الوصول وتهيئة محركات البحث، ضمن تجربة رقمية تعكس الهوية المهنية للمكتب.

  • بنيت تجربة عربية وإنجليزية متقنة مع معالجة دقيقة لاتجاه RTL.
  • طورت واجهات متجاوبة تركز على الوضوح والثقة وسهولة الاستخدام.
  • حسنت بنية الموقع والبيانات الوصفية والمحتوى لتحسين الأداء وتهيئة محركات البحث.
٠٤ — مشروع عميل
مشروع عميل منشور

UX/UI • Front-End • صفحات علامات تجارية • تجربة ثنائية اللغة

GBY

صممت وطورت صفحات لعلامات بحرية، مع تجربة ثنائية اللغة وواجهات متجاوبة ونظام تصميم موحد.

  • وضعت توجهًا بصريًا لصفحات المنتجات البحرية.
  • طورت واجهات متجاوبة لسطح المكتب والجوال.
  • نظمت المحتوى العربي والإنجليزي ليقدم تجربة متسقة.
غلاف مشروع تطبيق Moodly
٠٥ — مفهوم منتج

Flutter • تصميم منتجات • تجربة جوال ثنائية اللغة

Moodly

منصة جوال ثنائية اللغة تقترح الأماكن والأنشطة والتجارب بناءً على مزاج المستخدم واهتماماته وموقعه

قيد التطوير Flutter العربية والإنجليزية يعتمد على الموقع
٠٦ — أعمال مؤسسية

ASP.NET • Bootstrap • لوحات بيانات

تطبيقات مؤسسية

ساهمت في تطوير واجهات أمامية، لوحات بيانات، وأدوات داخلية تدعم العمليات المؤسسية والمنتجات الرقمية الموجهة للإدارة التنفيذية

تطوير Front-End لوحات بيانات أنظمة داخلية واجهات متجاوبة

عني

أصمم وأنا أرى المنتج كاملًا

لم يكن انتقالي إلى تصميم المنتجات مسارًا مباشرًا، وهذا تحديدًا ما أصبح إحدى أهم نقاط قوتي.

بدأت بخلفية في إدارة الأعمال، فتعلمت أن أنظر أبعد من الواجهة، وأن أفهم الأولويات، وطريقة العمل، والسبب الحقيقي وراء وجود المنتج.

منحني التصميم الجرافيكي أساسًا قويًا في الوضوح البصري والتسلسل والهوية. ثم نقلني UX/UI إلى فهم المستخدم وسلوكه وحل المشكلة الصحيحة. أما تطوير الواجهات فعلّمني كيف تتحول قرارات التصميم إلى منتج حقيقي يعمل.

اليوم أجمع هذه الخبرات بصفتي مصممة منتجات تكتب الكود أيضًا؛ أعمل على التجارب الرقمية ثنائية اللغة من الفكرة والتدفقات، إلى الواجهة النهائية والتسليم الجاهز للتنفيذ.

ما أضيفه للفريق فهم للأعمال، وتفكير متمحور حول المستخدم، وقدرة على الربط بين التصميم والتطوير.
  1. ٠١

    إدارة الأعمال

    فهم الأهداف والقيود والأولويات والطريقة التي تتخذ بها الجهات قراراتها.

  2. ٠٢

    التصميم الجرافيكي

    بناء أساس قوي في التواصل البصري، والتسلسل، واتساق الهوية.

  3. ٠٣

    تصميم UX/UI

    الانتقال من شكل المنتج إلى طريقة عمله وشعور المستخدم به وقدرته على تلبية احتياجه.

  4. ٠٤

    تصميم المنتج + الكود

    ربط الاستراتيجية والتجربة والواجهة والتنفيذ التقني ضمن منتج واحد متماسك.

القدرات

من فهم المشكلة إلى تصميم المنتج وبنائه

مزيج مركز من تصميم المنتجات وتطوير الواجهات، مدعوم بالبحث، وإمكانية الوصول، والتنفيذ ثنائي اللغة.

٠١

أبحاث تجربة المستخدم

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

مقابلات · تحليل · اختبار قابلية الاستخدام
٠٢

تصميم التفاعل

تصميم تدفقات مفهومة وواجهات متجاوبة ونماذج تفاعلية تقلل التعقيد.

تدفقات المستخدم · Wireframes · Prototypes
٠٣

أنظمة التصميم

بناء أسس ومكونات قابلة لإعادة الاستخدام تعزز الاتساق وتسهل التسليم والتوسع.

مكونات · Design Tokens · توثيق
٠٤

إمكانية الوصول

تصميم تجارب شاملة تراعي التباين والتسلسل البصري ولوحة المفاتيح والبنية الدلالية.

WCAG · تصميم شامل
٠٥

تطوير الواجهات

تحويل قرارات التصميم إلى واجهات متجاوبة وقابلة للصيانة وجاهزة للتنفيذ الفعلي.

HTML · CSS · JavaScript · Bootstrap
٠٦

Flutter وتطبيقات الجوال

تصميم وتطوير تجارب جوال بفهم عملي لكيفية انتقال التصميم إلى منتج يعمل.

Flutter · SwiftUI · Mobile UX
٠٧

استراتيجية المنتج

ربط قيمة المستخدم بأهداف العمل والأولويات والتنفيذ ضمن اتجاه منتج واضح.

Discovery · ترتيب الأولويات · Roadmaps
٠٨

التوطين العربي وRTL

تصميم منتجات ثنائية اللغة تبدو طبيعية بالعربية والإنجليزية، وليست مجرد واجهات معكوسة.

توطين · RTL · بنية المحتوى

المقالات

أفكار حول UX، المنتج، وبناء التجارب الرقمية

تواصل

متاحة لفرص مهنية مختارة

تبحثون عن مصممة منتجات تربط بين التصميم والتطوير؟

أقيم في المنطقة الشرقية بالمملكة العربية السعودية، ومتاحة لفرص UX/UI وتصميم المنتجات التي تهتم بتجربة المستخدم، وجودة التصميم، والتعاون الفعلي مع فرق التطوير.

المنطقة الشرقيةالمملكة العربية السعودية
UX/UI وتصميم المنتجاتدوام كامل وتعاونات مختارة