صفحة هبوط مُركّزة على التحويل لبوت كامب برمجة.

CodeForge

2025تعليمتجريبي
rukn.systems
CodeForge desktop screenshot

الفكرة

صفحة هبوط لبوت كامب برمجة، تستكشف كيفية جعل النتائج — لا المنهج — هي الرسالة الرئيسية. معظم مواقع البوت كامب تدفن بيانات التوظيف خمس تمريرات لأسفل؛ أردنا أن تكون مرئية في أول 30 ثانية.

قرارات التصميم

اللي اخترناه، وليه.

  1. 01

    الإحصاءات فوق طي الصفحة

    "معدّل توظيف 94%، متوسّط راتب بدء 72 ألف دولار" يجلس مباشرة تحت الهيرو. أكبر سبب للتقديم يحصل على أكبر ثقل بصري.

  2. 02

    ISA مساوٍ للسعر المسبق

    خيار حصّة الدخل يحمل شارة "الأكثر شعبية" بدلًا من الطبقة المسبقة عالية السقف — يقلّل الاحتكاك في التقديم للجمهور غير المخدوم الذي يخدمه هذا النوع من البوت كامب فعلًا.

  3. 03

    منهج كأربع وحدات، لا 16 أسبوعًا

    شبكة 2×2 تُقرأ في ثوانٍ. قائمة أسبوعية متفرّعة تُقرأ كمنهج وتوقف التمرير.

  4. 04

    وجوه مرشدين وألقاب، لا اقتباسات مزيّفة

    ثلاث بطاقات مرشدين بأدوار حقيقية الشكل ("Staff Engineer @ Stripe")؛ لا صور مولّدة بالذكاء الاصطناعي، ولا كتل ثناء مُصنّعة.

لقطات

ديسكتوب وموبايل، كما هو منشور.

rukn.systems
CodeForge desktop screenshot
CodeForge mobile screenshot

ما هو خارج النطاق

سطح تسويقي فقط. لا نموذج تقديم، لا CMS للمنهج، لا تدفّق دفع — هذا يتحقّق من النصوص وإشارات الثقة قبل بناء أي باك إند.

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

مبني بـ.

  • Next.js 14
  • React 18
  • Tailwind CSS
  • Vercel