Maksutov Design MAKSUTOV DESIGN
Website Non-profit UX architecture Adaptive

بنك الطعام «روس» تصميم الموقع

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

01 / نطاق الموقع

ليس صفحة ترويجية للصندوق، بل نقطة دخول رقمية واحدة لكامل نظام المساعدة

4جماهير رئيسية بأهداف وسياقات ونقاط دخول مختلفة إلى الموقع.
+10سيناريو رئيسي: التبرع، التطوع، الحصول على المساعدة، الشراكة وغيرها.
3صيغ متجاوبة: سطح المكتب والجهاز اللوحي والجوال.
1بنية معلوماتية موحدة للبرامج والمناطق والأخبار والفعاليات والنماذج.

02 / المفهوم

ثلاث خطوات تحمل مسار المستخدم بالكامل: الفهم ← الاختيار ← التصرف

لدى الصندوق اتجاهات وبرامج ومناطق وأشكال مشاركة عديدة. مهمة UX الرئيسية ليست عرض التعقيد الداخلي للمؤسسة على الزائر، بل شرح فكرة تبادل الطعام بسرعة وتوجيهه إلى الإجراء المناسب.

Understand

شرح النطاق

من هو بنك الطعام «روس»، كيف يعمل حفظ فائض الطعام، ومن استفاد بالفعل من مساعدة الصندوق.

Choose

فصل السيناريوهات

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

Act

الوصول إلى الفعل

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

03 / البنية المعلوماتية

أولًا — خريطة كاملة للشاشات والانتقالات، ثم الطبقة البصرية

يوثّق النموذج الأولي بنية الموقع بالكامل: الصفحة الرئيسية والبرامج والمناطق والأخبار والتقويم والتبرعات ونماذج المساعدة والحالات التقنية والنسخ المتجاوبة. جرى التحقق من الروابط بين الشاشات قبل الانتقال إلى تصميم الواجهة.

Figma · desktop + tablet + mobile
خريطة كاملة لشاشات وروابط موقع بنك الطعام «روس»
01 — Product mapالبنية المعلوماتية الكاملة للمنتج: الصفحات والنماذج والحالات وانتقالات المستخدم.

04 / الأثر

يجمع الصندوق عبر الموقع ملايين الروبلات من التبرعات كل عام

3.5 مليون ₽من التبرعات عبر الموقع في عام 2022.
4.2 مليون ₽في عام 2023.
9.5 مليون ₽في عام 2024 — أعلى مؤشر.
6.3 مليون ₽في عام 2025.
foodbankrus.ru · الرئيسية
الصفحة الرئيسية لبنك الطعام «روس»، لقطة كاملة
01 — الرئيسيةالشاشة الأولى، شرح فكرة تبادل الطعام، الفعاليات، اتجاهات المساعدة وتقنيات الصندوق.
foodbankrus.ru · الأخبار
الأخبار وسفراء العلامة والجوائز وشركاء الصندوق
02 — الأخبارأخبار الصندوق، وسائل الإعلام عنا وملخص إخباري.
foodbankrus.ru · النتائج
برامج الصندوق ونماذج المساعدة وسيناريوهات التطوع
03 — النتائجنتائج العمل والتقارير على مدى سنوات النشاط.
foodbankrus.ru · تقويم الفعاليات
الأخبار وقصص المستفيدين والتبرعات وتقويم الفعاليات
04 — تقويم الفعالياتالماراثونات والمحاضرات والبث المباشر عبر المناطق.

05 / الواجهة

لغة بصرية واحدة للمحتوى والأرقام والنماذج وسيناريوهات المستخدم المعقدة

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

التنقل حسب الجمهورDonation formsبطاقات البرامجتقويم الفعالياتالأخبار والقصصالفروع الإقليميةسيناريوهات الجوال
Figma · UI kit
مكونات واجهة موقع بنك الطعام «روس»
05 — المكوناتمكتبة مكونات واجهة المستخدم: بطاقات، إحصاءات، نماذج، تقويم وكتل إقليمية.

ناقش المشروع

هل تحتاج إلى تصميم موقع أو تطبيق؟

حدّثني عن المشروع والجمهور — سأقترح الهيكل وحجم العمل والمدة والسعر.

اطلب تصميم موقع

07 / مشاريع أخرى في الخدمة