مراجعة مشروع التخرج

بتاريخ منذ ساعة مضت قال Ibrahim Almahdy:

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

وعملت local Storage

وطورت readme

https://github.com/Ibrahim-Almahdy/BrewNest

اتمنى ان تروا المشروع وتعطوني رأيكم عليه

لقد قمت بعمل بعض اللمسات الاخيره ف الموقع وهو الآن جاهز 

المشروع جيد جداً وبجودة مرتفعة مجهود تشكر عليه،  اختيار الألوان البنية وتدرجاتها موفق جداً وملائم لهوية مقهى أو محمصة، وتوزيع العناصر مريح للعين.

لكن حاول دائماً عند بناء مشروع من أجل معرض أعمالك، أن تجعله Production-Ready أي واقعي احترافي، وليس مشروع بسيط.

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

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

وأيضاً أين صفحة السلة؟ حاول محاكاة الأمر من خلال جافاسكريبت.

وغياب زر اتخاذ الإجراء Call to Action - CTA في الواجهة الرئيسية، في  في قسم  Hero  مكتوب قهوة فاخرة محمصة طازجة كل يوم، لكن ماذا أريد من المستخدم أن يفعل؟ يجب إضافة زر بارز هنا مثل تسوق الآن أو اكتشف منتجاتنا ليوجه المستخدم مباشرة نحو الشراء.

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

صور المنتجات جميلة، لكن خلفياتها مختلفة (خلفية بيضاء، خلفية خشبية، خلفية قماش). العلامات التجارية الحقيقية توحد نمط تصوير منتجاتها مثلاً كلها بخلفية معزولة، أو كلها بنمط Lifestyle موحد لتعطي طابع أكثر احترافية.

والقائمة العلوية أضف لها ظل خفيف Box-shadow عند النزول لأسفل الصفحة حتى تنفصل بصرياً عن المحتوى الذي تمر فوقه.

وقسم الفوتر فارغ بالنسبة لموقع حقيقي، الموقع التجاري يحتاج في التذييل إلى:

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

ولو أضفت قسم أراء العملاء مثلاً ستكون إضافة جيدة، أو قسم ما الذي يميز المنتج مثلاً.

وعليكم السلام ورحمة الله تعالى وبركاته،

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

• إضافة سعر واضح لكل منتج
• إضافة عداد للسلة، وإنشاء صفحة/واجهة فعلية لها عبر JavaScript
• إضافة زر دعوة لإجراء (CTA) في القسم الرئيسي مثل "تسوّق الآن"
• إضافة زر "أضف للسلة" في بطاقات المنتجات
• توحيد خلفيات صور المنتجات
• إضافة ظل خفيف للقائمة العلوية عند التمرير
• إثراء الفوتر بروابط الأقسام، السياسات القانونية، بيانات التواصل، وطرق الدفع

واختياريا يمكنك إضافة قسم لآراء العملاء أو مزايا المنتج وغيرها، لكن على العموم عمل ممتاز.