قمت بتصميم وتطوير صفحة هبوط احترافية لميديا ستيشن (Media Station) تهدف إلى إبراز خدمات الشركة بطريقة جذابة وسلسة تعكس هويتها الإعلامية الحديثة.
✦ المرحلة الأولى – التحليل والتخطيط:
درست هوية العلامة التجارية للميديا ستيشن، وحددت الفئة المستهدفة، والعناصر البصرية التي تعكس الطابع الإعلامي (ألوان ديناميكية – صور ذات طابع إعلامي – نمط حديث في التفاعل).
✦ المرحلة الثانية – التصميم (UI/UX):
صممت واجهة مستخدم عصرية على Figma مع التركيز على سهولة التصفح وتجربة مستخدم جذابة.
استخدمت تباين الألوان والخطوط لتوجيه انتباه المستخدم إلى العناصر المهمة (مثل الخدمات والعروض).
أضفت Animations ناعمة لإبراز الحركات البصرية بطريقة احترافية وغير مزعجة.
✦ المرحلة الثالثة – التطوير:
بنيت الصفحة باستخدام React.js مع HTML، CSS، Bootstrap لتحقيق استجابة كاملة لجميع الشاشات (Responsive Design).
استخدمت Flexbox وGrid لتنظيم المحتوى بانسيابية.
أضفت Scroll animations لإضفاء لمسة تفاعلية أثناء التصفح.
دمجت contact form بسيط لإتاحة التواصل المباشر مع الشركة.
✦ المرحلة الرابعة – الاختبار والإطلاق:
اختبرت الصفحة على مختلف الأجهزة والمتصفحات للتأكد من الأداء وسرعة التحميل.
حسّنت الأكواد لتحقيق أفضل أداء وسرعة.
