قمت بتصميم وتطوير صفحة هبوط احترافية لمؤسسة ديار التشييد، وهي مؤسسة وطنية سعودية رائدة في مجال المقاولات والتشييد، تأسست عام 1428هـ وتقع في مكة المكرمة.
تركز الصفحة على تقديم المؤسسة وهويتها بشكل جذاب وسهل التصفح، وتساعد على جذب العملاء والتواصل معهم بفعالية. تم تنفيذ التصميم باستخدام HTML وCSS وJavaScript، مع التركيز على تجربة المستخدم (UX) والانسيابية في التنقل.
المميزات الرئيسية للصفحة:
الهيدر (Header):
يحتوي على شعار المؤسسة.
قائمة تنقل واضحة تتضمن: الرئيسية، من نحن، الخدمات، تواصل معنا.
️ سلايدر تفاعلي (Hero Slider):
يعرض 6 شرائح مرئية تسلط الضوء على رؤية المؤسسة ورسالتها.
شعار محفز: "نبني المستقبل بثقة".
زر "تواصل معنا الآن" يشجع المستخدمين على اتخاذ إجراء مباشر.
️ قسم من نحن:
تعريف موجز واحترافي بالمؤسسة، تاريخ التأسيس، والمجالات التي تعمل بها مثل: (الإنشاء، الترميم، الهدم، المياه، والصرف الصحي).
️ قسم الخدمات:
مقسم إلى شرائط عرض مرئية تعرض أهم خدمات المؤسسة:
تخطيط وتنفيذ الطرق والمشاريع العمرانية.
أعمال المباني والإنشاءات.
الأعمال الإلكتروميكانيكية.
الأنظمة الأمنية والسلامة المعتمدة.
كل شريط يحتوي على صور داعمة، ووصف مختصر، وزر "تفاصيل" لتوسيع المحتوى لاحقًا.
ما نضمنه لك:
قسم يوضح التزام المؤسسة بالجودة والموثوقية، مع نقاط مثل:
جودة التنفيذ
الالتزام بالمواعيد
إشراف هندسي محترف
خدمة ما بعد التسليم
سلامة التنفيذ
أبرز العملاء:
عرض مرئي للعملاء الذين تعاملت معهم المؤسسة، مما يعزز الثقة.
نموذج التواصل:
نموذج بسيط ومباشر لجمع استفسارات الزوار:
الاسم
البريد الإلكتروني
الرسالة
زر "تواصل معنا"
الفوتر (Footer):
معلومات الاتصال: العنوان، البريد الإلكتروني، وأرقام الهواتف.
روابط سريعة للتنقل.
نص الحقوق محفوظة مع اسم الشركة وتاريخ 2025.
إشارة إلى الجهة المنفذة للتصميم: كود كرافت.
️ التقنيات المستخدمة:
HTML5 / CSS3
JavaScript
التصميم متجاوب (Responsive) مع جميع الشاشات.
جاهز للتكامل مع أي نظام إداري لاحق (WordPress أو CMS آخر).