تجربة البورتفوليو السينمائية (The Cinematic Portfolio)

هذا الموقع ليس مجرد معرض أعمال تقليدي، بل هو تجربة تفاعلية تدمج بين هندسة البرمجيات، التصميم الصوتي، والرسوم المتحركة (Animations). صُمم الموقع ليكون رحلة بصرية وصوتية تحكي قصتي كمطور ومنتج رقمي، حيث قررت الخروج من منطقة الراحة الخاصة بي كـ Flutter Developer لأبني هذا المشروع باستخدام React.js لتحقيق أقصى درجات الأداء والدقة الإبداعية.

أبرز نقاط التميز في المشروع:

السرد القصصي والأنميشن: استلهمت فكرة الموقع من أفلام التحقيق والغموض، حيث قمت ببناء مقدمة سينمائية (Intro) تعتمد على توقيت دقيق للرسوم المتحركة. تم تحسين الأداء ليرتفع من 65% إلى 92% على مقياس PageSpeed Insights، مما يضمن تجربة بصرية مبهرة دون التضحية بسرعة التصفح.

الهندسة الصوتية المخصصة: لإعطاء الموقع "روحاً" خاصة، قمت بهندسة جميع المؤثرات الصوتية والموسيقى التصويرية بنفسي باستخدام برنامج FL Studio. كل صوت في الموقع، بدءاً من صدى المقدمة وحتى استجابة الأزرار، تم ضبطه ليتزامن بدقة مع الأنميشن، مما يخلق تجربة انغماس كاملة للمستخدم.

التكيف التقني والابتكار: اخترت استخدام React.js كخيار استراتيجي لضمان سلاسة الأنميشن على الويب. قمت بتطبيق مبدأ "Divide and Conquer" لإعادة هيكلة كود ضخم (أكثر من 1400 سطر) إلى ملفات منظمة وسهلة الصيانة، مما يعكس قدرتي على التعامل مع المشاريع المعقدة وتطويرها بذكاء.

دقة الـ Pixel Perfect: بفضل خلفيتي في التصميم، حرصت على أن يكون كل ظل، أيقونة، ومسافة (Padding/Margins) مضبوطة بدقة متناهية. الموقع متوافق تماماً (Responsive) مع جميع الشاشات، ليقدم نفس الجودة الإبداعية سواء من الموبايل أو المتصفح.

التقنيات المستخدمة:

React.js, Figma, FL Studio, Photoshop, Advanced CSS Animations, PageSpeed Optimization.