THE PRO ENGLISH — مازن كوستا

01 — المشكلة

العميل كان محتاج إيه

The Pro English منصة كورسات لغة إنجليزية جاية بفكرة واضحة — "أصحاب الطريقة الصح" — لكن من غير هوية بصرية حقيقية تعبّر عن الجدية والثقة دي. محتاجين شعار ونظام ألوان يميزهم، موقع وتطبيق يعكسوا نفس الهوية، ونظام محتوى ثابت الفريق الداخلي يقدر يستخدمه يوميًا على السوشيال ميديا من غير ما يرجعوا لمصمم في كل بوست.

02 — الهوية البصرية

شعار، ألوان، وخطوط ثابتة على كل حاجة

الشعار حرف "P" مدمج مع رمز يدين بتتصافحوا — رمزية الشراكة والثقة. الشكل ده بيتكرر بنفس القواعد في كل مكان: الموقع، التطبيق، السوشيال ميديا، والمطبوعات.

الألوان الرسمية

Primary
#4B2CBF

Accent
#6D4CFF

Dark Navy
#1A1A2E

Light BG
#F4F6FB

White
#FFFFFF

الخطوط والأيقونات

الخط الإنجليزيPoppins — Bold / SemiBold / Regular

الخط العربيCairo Black/Bold للعناوين — خط تجويد للعناوين الكبيرة جدًا

الأيقوناتLine style، خطوط رفيعة وأطراف دائرية، بنفسجي على الفاتح وأبيض على الغامق

الطابع العامPremium · Confident · Educational · Inspiring — مش corporate ممل

تطبيقات الهوية

لوحة الهوية البصرية الكاملة

اللوجو

أيقونة التطبيق

03 — الموقع والتطبيق

من الشاشة لحد الموبايل

الموقع بُني كمنصة كورسات كاملة بتشمل تسجيل الدخول، تصنيف الكورسات بالمستوى (محادثة، قواعد، كتابة، اختبارات)، ومساعد ذكاء اصطناعي مدمج للرد على استفسارات الطلاب مباشرة.

تصميم تطبيق الموبايل بيكمّل نفس التجربة — تتبع تقدم شخصي، تمارين تفاعلية، وشات مساعد ذكي يقترح خطط تدريب حسب مستوى الطالب.

THE PRO ENGLISH website — الموقع الإلكتروني

04 — نظام المحتوى الثابت

الكاروسيل وبوستات فيسبوك

ده الجزء اللي بيخلي الفريق مستقل — نظام برومتات جاهز لـ GPT Image 2 بيولّد محتوى بنفس الهوية البصرية بالظبط، من غير ما يحتاجوا مصمم في كل بوست.

Instagram carousel example — مثال كامل — كاروسيل إنستجرام (8 سلايدات)

هيكل الكاروسيل — 8 سلايدات ثابتة

01

Hook — خلفية بنفسجي كاملةعنوان ضخم يوقف السكرول + سطر فرعي + "اسحب للمزيد"

02–06

Content — خلفية بيضاءرقم ضخم على الشمال + عنوان + شرح قصير (سطرين لحد 3) + أيقونة توضيحية

07

Summary — الخلاصةملخص الفكرة كلها + صندوق بنفسجي بارز فيه أهم نقطة (Key Takeaway)

08

CTA — خلفية كحلي داكنزرار تسجيل + تقييم بالنجوم + شارات ثقة (عدد الطلاب، التقييم، الضمان)

أنواع بوستات فيسبوك — 5 أنواع جاهزة

نصيحة تعليميةالأكتر نشرًا — قاعدة لغوية أو كلمة جديدة، غلط ✕ وصح ✓

اقتباس وتحفيزخلفية داكنة، اقتباس عربي كبير + ترجمة إنجليزي

إعلاني (Promotional)خلفية بنفسجي كاملة، إعلان كورس أو عرض جديد + شارات ثقة

قصة نجاح (Social Proof)تستيمونيال طالب حقيقي + شارة إنجاز + عدد الطلاب

قبل وبعدعمود "قبل" رمادي ضد عمود "بعد" بنفسجي — مقارنة بصرية مباشرة

القواعد الثابتة اللي بتحافظ على الاتساق

لازم يكون موجود

اللوجو في كل تصميم — أعلى يمين أو مركز
نفس الألوان بالظبط (hex codes ثابتة)
Cairo للعربي، Poppins للإنجليزي — بس
نص قليل وتأثير كبير، مش فقرات طويلة

ممنوع خالص

خطوط تانية غير Cairo وPoppins
ألوان برانية عن نظام الهوية
تصميم مزدحم — الأبسط دايمًا أقوى
gradients في خلفية الـ Hook — لون واحد صافي بس

قالب الكابشن الجاهز

[الـ Hook — نفس عنوان أول سلايد] [2-3 سطور قيمة مختصرة] اسحب وشوف 👈 [دعوة للتسجيل + رابط الكورس] theproenglish.io #TheProEnglish #تعلم_الانجليزية #[هاشتاج الموضوع]

05 — شخصية الريلز والفيديو

شخصية علامة تجارية مستقلة للفيديو

بعيدًا عن الكاروسيل والبوستات الثابتة، اتعملت شخصية بصرية مستقلة (مجسم بنفسجي برأس مضيء) بتظهر في محتوى الفيديو بس — دورها إنها تكون "وش" العلامة التجارية في الريلز من غير ما تحتاج تصوير حقيقي في كل مرة.

الشخصية الأساسية

وضعية بديلة

ورشة الفيديو — من البرومت لحد الريلز المنشور

1

توليد كل لقطة (Shot) لوحدها في Seedance 2.0كل ريل = 4 لقطات منفصلة، كل واحدة 3-5 ثواني بالظبط — مش برومت واحد للفيديو كله

2

ترتيب اللقطات في CapCutمشروع جديد، رفع اللقطات الأربعة بترتيب الحكاية (Hook → Problem → Solution → CTA)

3

إضافة النص العربي فوق اللقطاتCairo Bold للعربي، أبيض على غامق أو بنفسجي على فاتح — النص بيتضاف في CapCut مش في الـ AI

4

موسيقى + لوجو ثابتموسيقى instrumental هادية تناسب الـ mood، ولوجو صغير ثابت في زاوية الفيديو طول المدة

5

تصدير ونشر1080p على الأقل، 30fps، مقاس 9:16 عمودي جاهز للريلز والستوريز

أنواع الريلز الجاهزة

Hook Reelفيديو يوقف السكرول — مشكلة ← حل ← CTA، 15 ثانية

Educational Tipغلطة شائعة ← تصحيح ← شرح، 20-30 ثانية

Course Promoإعلان كورس بتفاصيل وأرقام متحركة، 15 ثانية

Success Storyتايم لاين رحلة طالب من مستوى لمستوى، 15 ثانية

Logo Revealظهور اللوجو بجزيئات ضوء بنفسجي — للبروفايل والستوريز، 4 ثواني

قاعدة إلزامية في كل برومت فيديو لازم يتذكر المدة بالظبط + "9:16 vertical" + hex الألوان + وصف الـ mood وحركة الكاميرا + "Seedance 2.0" في آخر البرومت. من غير كده اللقطة بتطلع مش متسقة مع باقي الفيديوهات.

06 — الموشن جرافيك

الشعار المتحرك ونماذج فيديو منفذة فعليًا

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

الشعار المتحرك (Motion Logo)

فيديو موشن جرافيك — عمودي (9:16)

فيديو موشن جرافيك — أفقي (16:9)

07 — طريقة تشغيل النظام

إزاي فريق العميل بيشغّل ده بنفسه

كل السكيلز دي متجهزة تتحط في Claude — مرة واحدة بس — وبعدها فريق The Pro English بيطلب أي محتوى بجملة عادية، وبيطلع بنفس الهوية البصرية أوتوماتيك من غير ما يحدد ألوان أو خطوط في كل مرة.

خطوة بخطوة

1

افتح claude.ai/designواجهة فيها Chat على الشمال وPreview بيوري النتيجة على طول — من غير أي تنزيل برامج

2

اكتب طلبك بجملة عاديةمثلًا: "اعمليلي كاروسيل عن 5 غلطات شائعة في الإنجليزي" — نفس الجملة الثابتة، بس الموضوع بيتغيّر

3

اختار نوع المحتوىكاروسيل إنستجرام (8 سلايدات) · بوست فيسبوك (5 أنواع) · ريلز وفيديوهات (Seedance shot-by-shot)

4

عايز تعدّل حاجة؟رسالة تانية بسيطة زي "غيّري العنوان لـ [كذا]" — Claude بيحافظ على نفس الألوان والهوية، بيغيّر بس اللي طلبته

5

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

6

صدّر واحفظيضغط Export ويجهّز الصورة أو الفيديو للنشر مباشرة على السوشيال ميديا

طريقة التركيب — خطوتين للاختيار من بينهم

1 — عن طريق Project (الأسهل)يعمل Project جديد اسمه "The Pro English" في Claude.ai، يرفع الـ 4 ملفات (skill-01 لحد skill-04)، وClaude يقرأهم تلقائي في أي محادثة جديدة

2 — عن طريق System Prompt (لو عنده API)يلصق محتوى السكيل اللي محتاجه في بداية الـ system prompt مباشرة

How to install the skills in Claude — طريقة تركيب السكيلز في Claude

Quickstart guide — دليل البدء السريع — 3 خطوات

الملفات المرفقة — للشرح الكامل

لو عايز تفاصيل أكتر عن طريقة الاستخدام والمشكلة اللي البراند حلها، دول الأدلة الكاملة اللي اتسلّمت للعميل:

الدليل الشاملشرح كامل للأدوات، أنواع المحتوى، وكل قواعد الهوية البصريةافتح الملف ←

دليل صناعة المحتوىمخصص لفريق السوشيال ميديا — إزاي يطلبوا كاروسيل وبوستات وReelsافتح الملف ←

دليل المصمممرجع تقني للألوان والخطوط والقواعد الثابتة للهوية البصريةافتح الملف ←

08 — قبل وبعد

البراند قبل كوستا ستوديو، وبعده

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

قبل

مفيش هوية بصرية ثابتة — تصميمات متفرقة بدون نظام واحد
كل بوست أو ريل محتاج تصميم يدوي من الصفر
الفريق بيستنى مصمم عشان أبسط تعديل
محتوى غير متسق بين الموقع والسوشيال ميديا

بعد

هوية بصرية كاملة وموثقة — ألوان وخطوط وقواعد ثابتة
كاروسيل أو بوست أو ريل بجملة واحدة في Claude
أي تعديل برسالة عادية — من غير مصمم أو برنامج
نفس الهوية بالظبط على الموقع والتطبيق وكل منصة

التسليمات

اللي اتسلّم للعميل

شعار وهوية بصرية كاملة دليل هوية (ألوان + خطوط + أيقونات) أيقونة تطبيق تصميم موقع إلكتروني تصميم تطبيق موبايل نظام كاروسيل إنستجرام (8 سلايدات) نظام بوستات فيسبوك (5 أنواع) شخصية علامة تجارية للفيديو ورشة عمل فيديو Reels كاملة تطبيقات هوية (بزنس كارد، مطبوعات)