تطوير موقع Landing Page تعريفي لمبادرة باستخدام Next.js

تطوير Landing Page تعريفي لمبادرة Innovation Compass بواجهة حديثة وتجربة استخدام سلسة باستخدام Next.js و TailwindCSS.

الهدف من المشروع كان تقديم المبادرة بشكل واضح وجاذب بصريًا عبر صفحة منظمة تحتوي على العناصر الأساسية للمستخدم من تعريف المبادرة، أهدافها، وآلية المشاركة، مع تصميم متجاوب بالكامل يتكيف مع مختلف الأجهزة.

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

أدواري في المشروع:

- تخطيط وهيكلة صفحة الهبوط.

- تصميم وتجهيز الواجهة الأمامية Front-End UI.

- تنفيذ التصميم باستخدام Next.js و TailwindCSS.

- تحسين الأداء وتجربة المستخدم.

- ضبط التوافق مع مختلف الشاشات.

-ضبط SEO.

- رفع الموقع على الاستضافة.

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

Next.js

React

TailwindCSS

Responsive UI/UX

Performance Optimization