1. جمع وتحليل المتطلبات
بدأت المشروع بالتواصل مع العميل لفهم:
هدف الموقع
الفئة المستهدفة
عدد الصفحات المطلوبة
الهوية البصرية المرغوبة
الوظائف الأساسية مثل (نماذج تواصل – معرض صور – حسابات مستخدمين – مدونة …)
ثم حولت هذه المتطلبات إلى خطة عمل واضحة.
2. إعداد التصميم الأولي (Wireframes)
قمت بإنشاء هيكل تخطيطي لصفحات الموقع لتوضيح:
أماكن النصوص
مناطق الصور
أماكن الأزرار والقوائم
توزيع العناصر
ووافق العميل عليه قبل الانتقال للتصميم النهائي.
3. تصميم الواجهة (UI Design)
استخدمت مبادئ تصميم تجربة المستخدم لإعداد واجهات جذابة وسهلة الاستخدام، من خلال:
اختيار ألوان تتناسب مع هوية المشروع
اختيار الخطوط المناسبة
تصميم أزرار واضحة وسهلة التفاعل
تنسيق الصور والمساحات البيضاء بشكل احترافي
واستخدمت أدوات مثل Figma / Adobe XD حسب الحاجة.