الأمن السيبراني الهجومي & SaaS

Sentinel by Kayzen

بيع منتج أمني لمهندسين: كان على كل ادعاء أن يكون قابلًا للإثبات.

السنة
2026
مدة التصميم
4 أسابيع
التقنيات
Next.js · React · TypeScript · Tailwind · Vercel
  • التموضع
  • التصميم
  • التطوير
  • SEO التقني
  • التحرير
https://sentinel.kayzen-lyon.com/
الصفحة الرئيسية لموقع Sentinel by Kayzen — الأمن السيبراني الهجومي & SaaS، من إنجاز Kayzen Web
نتيجة إيجابية كاذبة مُعلنةكل ثغرة مكتشفة مصحوبة بإثبات مفهوم (PoC) قابل لإعادة التشغيل
0
أول تصيير مفيدHTML ثابت يُقدَّم من شبكة CDN
<‎1 ثانية
نطاق خارجي مُستدعى عند التحميل
0
نقطة الانطلاق

ما كان يجب حلّه.

السياق

Sentinel هي منصة اختبار الاختراق المستقلة التي طوّرتها Kayzen Web. وكلاء الذكاء الاصطناعي فيها لا يحلّلون الشيفرة: بل يشغّلون التطبيق، ويحاولون الاستغلال فعلًا، ويرفقون بكل ثغرة معتمدة إثبات مفهوم (proof-of-concept) قابلًا لإعادة التشغيل. الموقع هو الواجهة التجارية للمنتج وبوابة الدخول إلى تجربته.

القيد

الجمهور المستهدف — مسؤولو أمن المعلومات (RSSI) وكبار المطوّرين وفرق المنصات — هو الأكثر مناعة على الإطلاق أمام التسويق. موقع أمني يعد بـ«الحماية الشاملة» يفقد مصداقيته من السطر الأول. كان المطلوب موقعًا يثير الرغبة من دون أي مبالغة في الوعود، ويبقى مفهومًا لمدير غير تقني جاء ليقارن بين ثلاثة مزوّدين.

الحل

قلبنا التراتبية المعتادة: الدليل قبل الوعد. تعرض الصفحة الرئيسية أولًا مقتطفًا من تقرير حقيقي — الثغرة، وطلب الاستغلال، والتصحيح المقترح — ثم تأتي الحجة التسويقية بعد ذلك فقط. وتبقى المفردات مفردات المهنة (PoC، النتيجة الإيجابية الكاذبة، CVSS) لأن القارئ يعرفها، وتلطيفها سيُفهم على أنه جهل.

التصميم والإدارة الفنية

كل خيار، وسببه.

  1. داكن افتراضيًا، لكن ليس للزينة

    الوضع الداكن عُرف القطاع: أدوات الأمن تعيش في الطرفية. وهو هنا وظيفي — فكتل الشيفرة ومقتطفات التقارير هي أكثر عناصر الصفحة قراءةً، والخلفية الداكنة تخفّف الإبهار في القراءات الطويلة. وتبقى نسب التباين بين النص والخلفية فوق 7:1، أي مستوى AAA، لا الحد الأدنى AA.

  2. الدليل بوصفه مكوّنًا

    مكوّن «مقتطف تقرير» قابل لإعادة الاستخدام: ترويسة الثغرة، ودرجة الخطورة وفق CVSS، والطلب، والاستجابة، والتصحيح. يظهر أربع مرات في الصفحة، بحالات مختلفة. وهو العنصر المتحرّك الوحيد في الصفحة — فالانتباه يتجه إلى حيث يُحسم قرار الشراء.

  3. لا رسوم تجريدية

    لا أقفال، ولا دروع، ولا كرات أرضية سلكية. العناصر المرئية لقطات شاشة من الأداة نفسها. في هذه السوق، الأيقونات العامة هي المؤشر الأكثر موثوقية على أن المنتج لم يوجد بعد.

  4. كثافة مضبوطة

    عرض سطر محدود بـ68 حرفًا وسلّم طباعي مرن بـ clamp(). المحتوى كثيف بطبيعته؛ والتنسيق هو الذي يجب أن يعوّض ذلك، لا القارئ.

لوحة ألوان المشروع

  • حبر

    #0B1120

    خلفية الصفحة

  • أردوازي

    #1E293B

    البطاقات وكتل الشيفرة

  • إشارة

    #38BDF8

    الروابط ولمسات الإبراز

  • إنذار

    #F43F5E

    الخطورة الحرجة فقط

النظام الطباعي

العناوين

Inter (سماكات 600–800)

النص الأساسي

Inter (400–500)

عائلة واحدة بدورين. وتُعرض مقتطفات التقارير بخطوط النظام أحادية المسافة: لا يُنزَّل أي خط إضافي.

الهندسة

ما يوجد تحت الغطاء.

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • Vercel
  1. Next.js بالتصيير الثابت

    كل صفحة تُولَّد عند البناء. واجهة المنتج لا تحتوي على أي بيانات ديناميكية لتقديمها: التصيير الدائم من جهة الخادم سيكلّف زمن استجابة ومساحة هجوم، بلا طائل. ويُقدَّم HTML الكامل من شبكة CDN.

  2. صفر اعتماديات خارجية عند التحميل

    لا خطوط من Google، ولا نص تحليلات خارجي، ولا إطار iframe للدردشة. في موقع أمني، كل نطاق خارجي يُستدعى عند التصيير الأول حجة ضد صاحبه — ونقطة دخول حقيقية في سلسلة التوريد.

  3. ترويسات أمان كاملة

    Content-Security-Policy صارمة، وHSTS مع preload، وReferrer-Policy، وPermissions-Policy مغلقة افتراضيًا. هذا هو الحد الأدنى المنتظر من مطوّر حلول أمنية — وأول ما يفعله العميل المحتمل ذو الخلفية التقنية هو فتح تبويب الشبكة للتحقق.

  4. محرّك مفتوح المصدر معلَن

    يستند محرّك التنفيذ إلى المشروع مفتوح المصدر Strix. والموقع يصرّح بذلك ويضع رابطه بدلًا من إخفائه: لدى هذا الجمهور، قابلية تتبّع اللبنة التقنية أفضل من صندوق أسود.

تحسين محركات البحث

كيف يصبح الموقع قابلًا للعثور عليه.

  1. استعلامات مقارنة بدل الاستعلامات العامة

    «اختبار اختراق آلي»، «DAST مقابل اختبار الاختراق اليدوي»، «النتائج الإيجابية الكاذبة في ماسحات الثغرات»: استعلامات من منتصف مسار التحويل، ضعيفة الحجم، وقوية جدًا في النية. أما التنافس على «الأمن السيبراني» فما كان ليجدي نفعًا.

  2. ترميز SoftwareApplication

    JSON-LD من نوع SoftwareApplication مع الفئة ونظام التشغيل والعرض، إضافةً إلى FAQPage حول الاعتراضات المتكررة («هل يمكن للوكلاء أن يعطّلوا بيئة الإنتاج لديّ؟»). وهذه الإجابات هي التي تستشهد بها المساعدات الذكية.

  3. بيانات وصفية اجتماعية معتنًى بها

    يُتداول المنتج على Slack وLinkedIn بين الأقران. لذلك عولجت Open Graph وبطاقة Twitter بوصفها قناة استقطاب، مع صورة مخصّصة لا الشعار.

إمكانية الوصول

قابل للاستخدام من الجميع.

منذ يونيو 2025، يفرض القانون الأوروبي لإمكانية الوصول (European Accessibility Act) إتاحة الوصول الرقمي على شريحة واسعة من الخدمات الإلكترونية. نتعامل معها منذ مرحلة التصميم، لا كتدارك لاحق.

  1. تباين AAA في متن النص

    الوضع الداكن هو الفخ الكلاسيكي: رمادي فاتح على رمادي داكن. قيست جميع الأزواج؛ متن النص عند 12:1، والتسميات الثانوية عند 7:1.

  2. كتل شيفرة قابلة للتنقل بلوحة المفاتيح

    تتمرّر مقتطفات التقارير أفقيًا على الهاتف: لذا فهي قابلة لتلقّي التركيز ومُعلنة بوصفها مناطق قابلة للتمرير، وإلا تعذّر بلوغ محتواها من دون فأرة.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية — الدليل، والوعد، والتجربة
  • آلية العمل — دورة تدقيق يجريه الوكلاء
  • التقارير — تشريح مُخرَج التدقيق
  • الأسعار
  • التوثيق والمحرّك مفتوح المصدر
المنهجية

مراحل سير المشروع.

  1. التأطير

    مقابلات مع فريق المنتج، وتحديد الاعتراضات الواجب معالجتها وترتيبها.

  2. المحتوى

    تحرير تقني صادق عليه المهندسون قبل أي نموذج تصميم.

  3. التصميم

    نظام داكن، ومكوّن الدليل، وسلّم طباعي.

  4. التطوير

    Next.js ثابت، وترويسات أمان، وميزانية أداء.

  5. الإطلاق

    اختبار قبول أمني، وفحص الترويسات، وSearch Console.

أسئلة

ما يُطرح علينا كثيرًا.

لأن جمهوره يتحقق. العميل المحتمل ذو الخلفية التقنية يفتح أدوات المطوّر قبل أن يقرأ الخطاب: فإذا وجد ستة متتبِّعات خارجية وغيابًا لسياسة الأمان، فلن تقوم للحجة التسويقية قائمة.

نعم، متى كان المشتري خبيرًا: الصناعة، والصحة، والهندسة، والمكاتب المهنية. القاعدة نفسها — عرض مُخرَج حقيقي قبل وصفه.

مستوى الإتقان نفسه، لموقعك.

تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.

مشاركة