وصف العمل: تصميم صفحة هبوط وواجهة متجاوبة لأكاديمية رياضية

- عن المشروع:

يتضمن المشروع تصميم صفحة هبوط احترافية لأكاديمية رياضية تهدف لجذب المشتركين، عرض البرامج التدريبية، وإبراز مميزات الأكاديمية. تركّز الصفحة على تقديم تجربة بصرية قوية، تبرز روح الحماس والطاقة، مع تصميم متجاوب يعمل بكفاءة على جميع الأجهزة (موبايل، تابلت، كمبيوتر).

- هدف المشروع:

جذب المهتمين بالتسجيل في الأكاديمية الرياضية.

توضيح البرامج التدريبية والخدمات المتاحة بطريقة مشوقة.

- الأدوات المستخدمة:

تصميم الواجهة: Figma

تصميم الشبكة (Grid): 12-Column Responsive Grid System

- خطوات تنفيذ المشروع:

فهم أهداف الأكاديمية:

تحديد محتوى الصفحة:

كتابة السكريبت المناسب لصفحة هبوط من قسم واحد أو أكثر، يتضمن:

عنوان جذاب (Hero Title)

نبذة عن الأكاديمية

البرامج التدريبية المتوفرة

صور أو فيديو للحصص

Call to Action واضح (احجز مكانك – اطلب استشارة)

تصميم الواجهة:

اعتماد ألوان رياضية وحيوية ( الأحمر

استخدام خطوط قوية ومقروءة.

تنسيق المحتوى في أقسام متوازنة بصريًا.

التجاوب مع جميع الأجهزة (Responsive Design):

تصميم نسخ مخصصة للشاشات

التأكد من وضوح العناصر وتناسقها في كل نسخة.

ملف Figma منظم (بـ Components وAuto Layout).

دليل ألوان وخطوط (Style Guide).

https://mostaql.com/portfolio/2831428-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%B5%D9%81%D8%AD%D8%A9-%D9%87%D8%A8%D9%88%D8%B7-%D9%84%D8%A7%D9%83%D8%A7%D8%AF%D9%8A%D9%85%D9%8A%D8%A9-%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A9-ui-design-and-responsive

عن الموضوع

التعليقات (1)

منذ 6 أشهر و10 أيام
أنا مطورة Front-End وعندي خبرة في تصميم صفحات هبوط احترافية باستخدام HTML, CSS, و JavaScript.
قرأت تفاصيل المشروع ومتحمسة جدًا أشتغل عليه، خاصة إنه عن أكاديمية رياضية، لأنه مجال مليان طاقة وحيوية وبيفتح المجال لتصميم جذاب ومشوق.

أقدر أحول التصميم من Figma لكود نظيف ومنظم، باستخدام نظام الشبكة (12-Column Grid) وتصميم متجاوب يشتغل بكفاءة على جميع الأجهزة.
هركز على:

عرض البرامج التدريبية بشكل واضح وجذاب

استخدام ألوان وخطوط مناسبة لروح الأكاديمية

إضافة CTA واضح يشجع المستخدمين على التسجيل

ولو حابين أي تأثيرات حركية بسيطة أو Smooth Scroll، أقدر أضيفها بـ JavaScript.
جاهزة أبدأ فورًا!

يسعدني نناقش التفاصيل أكثر

عن الموضوع