تخطَّ إلى المحتوى
كل الأعمال
// دراسة حالةمنصة ويبيعمل

Skillery

موقع تسويقي بطابع فخامة هادئة لشركة تدريب مؤسسي وباقتها الرائدة في التدريب العقاري الفاخر.

2026 مصر تدريب وتطوير مؤسسي · موقع تسويقي
تقنية التعليم والتدريبالتسويق وتوليد العملاء
Skillery — موقع تسويقي بطابع فخامة هادئة لشركة تدريب مؤسسي وباقتها الرائدة في التدريب العقاري الفاخر.

// بالأرقام

0
تبعيات وقت التشغيل

موقع ثابت مبني يدويًا — لا شيء يتعطل أو يحتاج تحديثًا أو يبطئه

5
برامج رائدة

باقة التدريب على العقارات الفاخرة، معروضة بوصفها العرض الرئيسي

6
قطاعات مخدومة

تموضع يضع الشركة خارج حدود قطاع واحد

مُصمم خصيصًا
التصميم

اتجاه فخامة هادئة بطابع تحريري — لا قوالب، بُني ليبرر أسعارًا مميزة

// المشكلة

ما الذي كان يواجهه العمل

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

// نظرة عامة

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

// المعمارية

كيف رُكِّب النظام

01الصفحات

الرئيسية

مقدمة · شركاء · خدمات · المؤسس

البرامج

خمسة برامج للعقارات الفاخرة

المدربون ومن نحن

سير المستشارين · القصة · الأرقام

تواصل معنا

نموذج استفسار · حالة نجاح

02حِرفة الواجهة

واجهة تحريرية

خطا Fraunces وPoppins · رموز تصميم

التفاعلات

ظهور عند التمرير · شريط متحرك · عدادات

03التسليم

بناء ثابت

HTML/CSS/JS خالص · بلا إطار عمل

Vercel

تسليم ثابت عالمي فوري

موقع ثابت بلا تبعيات، قابل للتعديل الفوري والنشر في أي مكان.

// قرارات هندسية

القرارات التي شكّلت النظام

القرارات القليلة التي حدّدت سلوك هذا النظام — وماذا اشترى كل قرار منها.

  1. 01

    اتجاه تحريري مصمّم خصيصًا لا قالبًا جاهزًا

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

  2. 02

    صفر اعتماديات وقت التشغيل

    بناء يدوي بـ HTML وCSS وJavaScript خالصة — لا شيء يحتاج ترقيعًا، ولا شيء ينكسر عند ترقية إطار عمل، ولا شيء يفصل الزائر عن الصفحة. ولموقع تسويقي طويل العمر، هذا أرخص نموذج صيانة ممكن.

  3. 03

    العرض الرئيسي يتصدر الصفحة

    حزمة برامج العقارات الفاخرة هي الواجهة، وتغطية القطاعات الأوسع تحتها — فيُباع الشيء المحدد قبل القدرة العامة.

  4. 04

    قابل للنقل بحكم التصميم

    البناء الساكن يُنشر في أي مكان، فلا يرتبط العميل بمستضيف واحد ولا بجهة واحدة لإجراء أي تعديل.

// أبرز الملامح

قدرات مميزة

01

تصميم فخامة هادئة بطابع تحريري

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

02

بلا تبعيات وقابل للتعديل فورًا

HTML/CSS/JS خالص بلا خطوة بناء. رموز التصميم في مكان واحد، فيمكن إعادة ضبط هوية العلامة وإعادة النشر في أي مكان خلال دقائق.

03

حِرفة التحويل

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

04

حركة برشاقة محسوبة

ظهور عند التمرير وشريط شركاء متحرك وعدادات متحركة تضيف حياة بلا ضجيج — صقل يليق بعلامة تدريب فاخرة.

// المزايا

مجموعة مزايا العمل التجاري

النطاق الوظيفي المُسلَّم عبر كل جزء من المنتج.

الرئيسية

  • مقدمة فيديو بعنوان تحريري
  • عدادات إحصاءات متحركة
  • شريط متحرك للمؤسسات والشركاء
  • خدمات تفاعلية (ستة قطاعات)
  • لمحة عن البرامج الرائدة
  • رسالة المؤسس
  • جدار الشركاء والعملاء

البرامج

  • خمسة برامج كاملة للعقارات الفاخرة
  • فن الفخامة · إلهام أصحاب الثروات
  • سرد القصص · التفاوض · برنامج SCORE
  • روابط مباشرة لكل برنامج

المدربون والقصة

  • سير كاملة للمستشارين (6 + المؤسس)
  • صفحة تعريفية بالأرقام ورسالة المؤسس
  • شبكة مدربين بحضور واثق هادئ

التواصل والحِرفة

  • نموذج استفسار بحالة نجاح فورية
  • نظام تصميم فخامة هادئة بطابع تحريري
  • رموز تصميم مركزية (مصدر حقيقة واحد)
  • شعار SVG فائق الدقة بثلاثة ألوان
// الأثر

ما الذي تغيّر تشغيليًا

نتائج موثقة من النظام المُسلَّم. وحيث تكون الأرقام الدقيقة سرية، يُذكر التغيّر التشغيلي بدلًا منها.

  • هوية بصرية مصممة خصيصًا تدعم التسعير الراقي بدل أن تقوّضه
  • صفر اعتماديات وقت التشغيل — لا شيء يحتاج ترقيعًا ولا شيء يبطئ الصفحة
  • حزمة البرامج الخمسة الرئيسية معروضة كالعرض الأول
  • ستة قطاعات معروضة لتوسيع الشركة خارج تخصص واحد
  • بناء ساكن يستطيع العميل تحريره ونشره على أي مستضيف
// القيود

ما كان علينا العمل ضمنه

  • الانطباع الراقي كان معيار النجاح الأول
  • احتاج العميل التحرير وإعادة النشر دون دعم هندسي
  • لا ميزانية لنظام محتوى أو منظومة خلفية — المحتوى داخل البناء
  • جمهور مؤسسي على الحاسب والجوال بوزن متساوٍ
// دوري

ما الذي تولّيته

من البداية للنهاية في هذا المشروع — من المعمارية ونمذجة البيانات وحتى منتج إنتاجي مُسلَّم.

  • قيادة الاتجاه التصميمي للعلامة (فخامة هادئة بطابع تحريري)
  • واجهة كاملة مبنية يدويًا: خمس صفحات بلا إطار عمل
  • نظام رموز تصميم للألوان والخطوط والمسافات
  • تفاعلات التمرير والشريط المتحرك والعدادات والتنقل
  • شعار متجهي بثلاثة ألوان (SVG)
  • نشر ثابت على Vercel
// التقنيات

بُني بواسطة

البنية والتنسيق

HTML5CSS3Design tokens

التفاعل

Vanilla JSScroll reveals

الخطوط

FrauncesPoppins

البنية التحتية

Vercel
// Makhloof Studio

تريد شيئاً مثل Skillery؟

استوديو برمجيات بوتيك — أنظمة بجودة الوكالات، يبنيها مهندس أول واحد.

ابنِ شيئًا كهذا
WhatsApp