مسؤولو التوظيف
صفحة مخصصة تجمع المهارات والخبرة وأهم الأعمال وإمكانية تحميل السيرة الذاتية ضمن مسار واضح.
استعرض صفحة التوظيف ↖مشروع شخصي / تصميم واجهات وتطوير Frontend / ٢٠٢٦عبدالله رمضان / البرتفوليو
المشروع الذي يعرض المشاريع.
تجربة بورتفوليو صممتها وطورتها بنفسي، تجمع التصميم والتقنية في منصة ثنائية اللغة تساعد العملاء ومسؤولي التوظيف والفرق الإبداعية على اكتشاف الأعمال وفهم أسلوب التنفيذ والتواصل بسهولة.
دوريتصميم UX / UI وتطوير Frontend
المنصةموقع متجاوب باستخدام Next.js
اللغاتالعربية والإنجليزية مع دعم RTL
٠١ / التحدي
أكثر من مجرد معرض أعمال.
البورتفوليو الخاص بمصمم يطوّر الواجهات أيضًا يجب أن يثبت قدرته في التخصصين. لذلك كان الهدف تصميم موقع يجمع الإخراج الفني وسرد قصص المشاريع والهندسة التقنية داخل تجربة واحدة مترابطة، بدلًا من فصل التصميم عن البرمجة.
٠٢ / التوجه البصري
بساطة تحريرية تضع العمل في الواجهة.
تعتمد الهوية على مساحات كريمية هادئة، وتباين قوي بالأسود، ولمسات ذهبية محدودة، وعرض واسع للصور. صممت الواجهة لتسهيل التصفح ومنح كل حملة أو هوية مساحة تعكس شخصيتها.
الخلفية#F3F1EB
النصوص#0B0B0C
اللون المميز#D6A04A
٠٣ / استعراض التجربة
منصة واحدة. أكثر من طريقة للاكتشاف.
عروض بصرية توضيحية مستوحاة من تصميم الموقع وباستخدام أعمال منشورة فيه فعلًا. يمكنك زيارة الموقع المباشر لرؤية الشاشات الحالية والتفاعل معها.
٠٤ / مسارات الزائرين
جمهور مختلف، وتجربة أوضح لكل فئة.
يوفر الموقع مسارات مركزة للزوار مع إبقاء معرض الأعمال الكامل متاحًا للجميع.
العملاء
عرض للخدمات وطرق التواصل يوضح الإمكانيات المتاحة، من الهوية البصرية إلى المواقع المتجاوبة.
استعرض الخدمات ↖الفرق الإبداعية
مشاريع قابلة للبحث والتصفية، ودراسات حالة مستقلة تتيح استكشاف الأعمال بحسب التخصص.
استكشف المشاريع ↖٠٥ / التطوير
من التصميم إلى البرمجة والتشغيل.
تم بناء الموقع باستخدام Next.js App Router وReact وTypeScript وMotion، مع واجهات متجاوبة ودعم اللغتين، ومسارات مخصصة للزوار، وتحسين الصور، وبيانات للمشاركة ومحركات البحث. ويُشغّل GitHub Actions فحوص TypeScript واختبار بناء نسخة الإنتاج.
Next.js 16React 19TypeScriptMotionResponsive UIRTL / ArabicSEO & social previewsPWA-oriented
٠٦ / النتيجة
بورتفوليو قابل للتطور، وليس معرضًا ثابتًا.
تم بناء الموقع كمنصة تتسع لإضافة مشاريع ودراسات حالة جديدة دون فقدان تناسق التجربة. الموقع التفاعلي هو المنتج الحقيقي؛ أما صور المعاينة هنا فهي عروض تحريرية توضيحية للتصميم.
