طوير واجهة مستخدم (Front-End) لمشروع زراعي يهدف لإحياء القمح البلدي. تم تصميم الموقع بهوية بصرية مستوحاة من ألوان الأرض والطبيعة، مع التركيز على سرعة التصفح وعرض المنتجات بوضوح."
3. وصف المشروع (Project Description)
"قمت بتصميم وتطوير موقع تعريفي لمشروع 'قمح البركة'، وهي مبادرة تهدف إلى إعادة القمح البلدي للواجهة واستعادة العلاقة بين المجتمع والأرض.
فلسفة التصميم: كان الهدف هو ترجمة رؤية المشروع (الأصالة والبركة) إلى واجهة رقمية. اعتمدت في التصميم على البساطة (Minimalism) والألوان الترابية الدافئة لتعكس طبيعة المنتجات العضوية، مع ضمان تجربة مستخدم سلسة تعرف الزائر بأهداف المشروع ومنتجاته المميزة."
4. مميزات المشروع (Key Features)
ما تم تنفيذه في الموقع:
عرض المنتجات (Product Showcase): قسم مخصص لاستعراض المنتجات (مثل الدقيق الكامل، الحبوب النادرة، والجريشة) مع إبراز القيمة الغذائية لكل منتج.
هوية بصرية متناسقة: استخدام لوحة ألوان مدروسة (Earthy Color Palette) تشمل البني الدافئ، الأخضر المريمي (Sage Green)، واللون الكريمي، لتعزيز شعور الطبيعة والهدوء.
إبراز القيم (Values Section): تصميم أيقونات ونصوص توضح مميزات المنتجات (عضوي 100%، طحن تقليدي، خالي من المبيدات) بشكل بصري جذاب.
خطوط عربية عصرية: استخدام خط 'Tajawal' من Google Fonts لضمان مقروئية عالية ومظهر عصري يدعم اللغة العربية.
ربط وسائل التواصل: دمج روابط السوشيال ميديا (Instagram, Facebook, TikTok) لتسهيل التواصل مع الجمهور.
5. التقنيات المستخدمة (Tech Stack)
تم بناء المشروع باستخدام:
HTML5: لبناء هيكلية قوية وصديقة لمحركات البحث (Semantic HTML).
Tailwind CSS: لتنسيق الموقع بالكامل وبناء تصميم متجاوب (Responsive) وسريع التحميل.
JavaScript: لإضافة التفاعلية اللازمة لعناصر الموقع.
Font Awesome: لاستخدام أيقونات فيكتور عالية الجودة.