بورتفوليو زين
نبذة عن المشروع:
بورتفوليو شخصي لزين العابدين منصور كطالب علوم حاسوب، يجمع قصته وسيرته الذاتية وشهاداته ومشاريعه وإنجازاته في المسابقات.
كان الهدف صفحة واحدة واضحة يقرؤها من يطّلع على ملفه من أولها إلى آخرها. فخصصنا لكل مرحلة من مسيرته قسمًا مستقلًا، وفصلنا بين الأقسام باقتباسات تعكس طريقة تفكيره.
ما الذي قدمناه
يجتمع المحتوى كله في صفحة واحدة باللغة الإنجليزية، تتوسط قائمتَها صورته الشخصية الدائرية، وتنقل كل روابطها الزائر إلى القسم المطلوب.
- الواجهة: اسمه ولقب "Enthusiastic Future Developer" فوق صورة بعرض الشاشة، تعلوها روابط حساباته
- التعريف: نبذة عنه ومعلوماته الشخصية ومجالات اهتمامه، مثل تطوير الواجهات الأمامية ومسابقات العلوم والبحث العلمي والقراءة
- فيديو تعريفي: فيديو مضمّن من يوتيوب تحت عنوان "Get to Know Me Better!"
- السيرة الذاتية: أبرز الخبرات والتعليم والشهادات ومهارات البرمجة واللغات
- الشهادات ومشاريع الويب: معرض للشهادات، تليه بطاقات لمشاريع مثل نسخة من يوتيوب وتطبيق أفلام ولوحة تحكم إدارية
- الإنجازات: قصص مشاركته في المسابقات الدولية للنمذجة الرياضية وفي مؤتمر قراءات كولموغوروف العلمي الدولي الثاني والعشرين
أبرز المميزات
- شريط تنقل تتوسطه صورته الشخصية
- فيديو تعريفي مضمّن في الصفحة
- مهارات البرمجة معروضة بأشرطة تقدّم مع أسمائها
- معرض للشهادات مع تبويبات للتصفية
- بطاقات مشاريع بوصف مختصر وزر Explore، مع إشارة للمشاريع التي ما زالت قيد التطوير
- لافتات اقتباس بعرض الشاشة بين الأقسام
- خاتمة بعنوان "End of Portfolio" مع روابط التواصل الاجتماعي
التصميم وتجربة المستخدم
حافظنا على تصميم فاتح وسهل القراءة: أقسام بيضاء وبطاقات بحدود رفيعة، ولون أحمر مرجاني يميّز عناوين الأقسام مثل "My Resume" و"My Certifications"، وأشرطة رمادية داكنة للاقتباسات. يظهر اسمه في الواجهة بخط أبيض عريض وكبير فوق صورة معتمة، فيما تضيف شعارات المسابقات وصور الشهادات لمسات لونية إلى صفحة هادئة في مجملها. ورتّبنا المعلومات في أعمدة واضحة ليتمكن القارئ من الإلمام بخلفيته بسرعة.
معاينة الموقع:
مرّر المؤشر فوق الصورة لمعاينة الصفحة، أو انقر لاستكشافها كاملة.
