VISION COMPANY PORTIFOLIO
تفاصيل العمل
قمت بتصميم وتطوير موقع بورتفوليو احترافي لشركة Vision (شركة طباعة وإعلان متخصصة في المملكة العربية السعودية)، يعكس هويتها البصرية القوية ويبرز خدماتها في مجال الطباعة الرقمية والأوفست، اللافتات، المطبوعات الإعلانية، التغليف، والحلول الإبداعية المتكاملة. الأهداف الرئيسية للمشروع: تقديم عرض احترافي جذاب لأعمال الشركة ومشاريعها السابقة. تعزيز الثقة لدى العملاء المحتملين (شركات، مؤسسات، أفراد) في السوق السعودي. دعم تجربة مستخدم سلسة وسريعة التحميل على جميع الأجهزة (responsive design). توفير دعم متعدد اللغات (عربي / إنجليزي) لاستهداف عملاء محليين ودوليين. التقنيات المستخدمة: React.js كإطار عمل أساسي للواجهة الأمامية (Frontend)، مما سمح ببناء مكونات ديناميكية قابلة لإعادة الاستخدام، وإدارة الحالة بكفاءة عالية. Framer Motion لإضافة حركات (animations) وانتقالات سلسة وحديثة، مثل: ظهور تدريجي للصور والأقسام (fade-in, scale-up). تأثيرات parallax خفيفة عند التمرير. حركات hover تفاعلية على بطاقات المشاريع والخدمات. انتقالات صفحات ناعمة لتحسين تجربة التصفح. i18next (مع react-i18next) لإدارة الترجمة متعددة اللغات بشكل احترافي: دعم كامل للغة العربية (RTL – Right-to-Left) والإنجليزية (LTR). تبديل اللغة دون إعادة تحميل الصفحة. ترجمة ديناميكية للنصوص، العناوين، الأوصاف، والمحتوى المتغير. Tailwind CSS (أو Bootstrap حسب التصميم النهائي) لتصميم سريع ومتجاوب مع التركيز على الهوية البصرية للشركة (ألوان، خطوط عربية احترافية مثل Tajawal أو Cairo). Vite أو Create React App كأداة بناء سريعة ومحسنة للأداء. Deployment: رفع الموقع على سيرفر VPS أو hosting سعودي (مثل Sahara Server) باستخدام cPanel، مع ضمان HTTPS وأداء عالي. المميزات الرئيسية التي تم تنفيذها: صفحة رئيسية (Hero Section) قوية مع فيديو/صور متحركة تعرض جودة الطباعة. قسم خدمات (Services) مقسم إلى فئات (طباعة رقمية، أوفست، لافتات، تغليف، تصميم جرافيك...). معرض أعمال (Portfolio Gallery) بتصنيفات وفلاتر تفاعلية، مع صور عالية الدقة وتكبير lightbox. صفحة "عن الشركة" تبرز الخبرة، الشهادات، والقيم (مثل الالتزام بالجودة والسرعة في السعودية). نموذج تواصل (Contact Form) متكامل مع تكامل بريد إلكتروني أو WhatsApp. تحسين SEO أساسي (meta tags، alt للصور، سرعة تحميل، mobile-friendly). أداء عالي وتحميل سريع حتى مع الصور الكبيرة (lazy loading + image optimization). هذا المشروع يعكس قدرتي على دمج التصميم الإبداعي مع التقنيات الحديثة لتقديم حلول ويب احترافية تلبي احتياجات الشركات في السوق السعودي، مع التركيز على تجربة مستخدم ممتازة وهوية بصرية قوية.
مهارات العمل
