GRIT-360 — صفحة هبوط مستقبلية لوكالة تسويق
صممنا وبنينا صفحة هبوط عصرية ومستقبلية لشركة GRIT-360 للحلول التسويقية — وكالة مقرها المملكة العربية السعودية متخصصة في التسويق الطبي والرقمي والإنتاج المرئي والخدمات الإبداعية.
التحدي
GRIT-360 وكالة تسويق متكاملة في المملكة العربية السعودية تقدم خدمات التسويق الطبي والرقمي والوسائط المتعددة والإنتاج الإبداعي. كانوا يحتاجون صفحة هبوط تعكس هويتهم المتميزة وتترك انطباعاً قوياً عند العملاء المحتملين.
بنينا لهم صفحة هبوط بتصميم مستقبلي يجمع بين الأناقة والوظيفية.
ما بنيناه
صفحة هبوط شاملة بتصميم داكن مستقبلي مع تأثيرات بصرية مميزة — من الزجاج الشفاف في الهيدر إلى التدرجات المتحركة في الخلفية.
تصميم مستقبلي
هيدر بتأثير الزجاج (Glass Header) مع Backdrop Blur، كرات متدرجة متحركة في الخلفية (CSS فقط)، تأثيرات توهج عند التمرير على البطاقات والأزرار، وحركات ظهور تدريجية عند التمرير باستخدام IntersectionObserver.
رسوم توضيحية مخصصة
14 رسمة SVG من unDraw.co مُعاد تلوينها بلون GRIT الأخضر (#a1cd40)، كل واحدة مختارة بعناية لتناسب القسم المعروضة فيه — من التسويق الطبي إلى العملية الإبداعية.
تحسين كامل لمحركات البحث
بيانات منظمة JSON-LD (LocalBusiness + WebSite + WebPage)، Open Graph وTwitter Cards، خريطة موقع XML، robots.txt، وعناوين وصفية محسّنة. نتيجة SEO: 100/100.
تجاوب كامل
مُحسّن لثلاثة أحجام شاشات: موبايل (375px)، تابلت (768px)، وسطح المكتب (1200px+). كل قسم يتكيف بسلاسة مع حجم الشاشة.
إمكانية الوصول
بنية HTML دلالية، تسلسل عناوين صحيح، نصوص بديلة وصفية، دعم التنقل بلوحة المفاتيح، تباين ألوان WCAG 2.1 مستوى AA، ودعم prefers-reduced-motion.
البنية التقنية
صفحة ثابتة بـ HTML5 وCSS3 وJavaScript ES6+ مع jQuery 3.x وTailwind CSS 3.x عبر CDN. لا تحتاج خادم أو أدوات بناء — تعمل مباشرة في المتصفح.
لماذا هذا مهم
GRIT-360 يوضح أن الصفحات الثابتة ما زالت قادرة على ترك انطباع قوي. تصميم مستقبلي، SEO مثالي، وأداء ممتاز — بدون إطار عمل معقد أو خادم.