كيف نقدر نساعدك؟

اكتب رسالتك وسنعود إليك على بريدك.

hello@theprocess.ae

رسائل تُبنى عليها المشاريع

خلاصات عمليّة في بيع الخبرات وبناء الدورات، في بريدك.

دورة تصميم وبناء المواقع

تعلّم تصميم المواقع وابدأ مسيرتك في العمل الحُر في ٤ أسابيع.

دورة رقميّة مسجّلة63 درساً12 محاور

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

ابنِ معرض أعمالك بثلاثة مشاريع مختلفة داخل الدورة

دورة واحدة مختصّة في المواقع التجاريّة تغنيك عن البقيّة

٤٤ درساً مسجّلاً، دروس إضافيّة وشرح كتابي

نبذة عن الدورة

سوف تتعلّم كيف تفكّر كمصمم وتفهم العمليّة وما يحدث خلف الكواليس لنصل إلى التصميم النهائي. هذه الدورة ليست مجرّد تتبّع خطوات، إنّما هي لهؤلاء الذين يرغبون أن يفهموا فلسفة المواقع التجاريّة ودورها في عمليّة البيع.

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

صفحات موقع معهد غريس مصفوفة داخل Figma أثناء مرحلة التصميم.

بعد الدورة ستتمكّن من عمل

صفحة هبوط لمخبز ReStock Cookies، بعنوان ضخم واحد وزر طلب.
صفحات هبوط

مع أي حملة تسويقيّة نحتاج أن نوجّه الإعلان إلى صفحة رقميّة فيها التفاصيل وزر التواصل.

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

مبرمج، مصمم، رسّام، مسوّق رقمي؟ الموقع الشخصي هو السيرة الذاتيّة في عصرنا الحالي.

موقع تعريفي لشركة «قسمة» للاستشارات الماليّة، مع رسم توضيحي وشريط شعارات عملاء.
مواقع تعريفيّة

لشركات في مختلف القطاعات. هذه المواقع جزء أساسي من تواجدهم الرقمي، ومن النادر أن توجد شركة بدون موقع.

ثلاثة مشاريع تبني بها معرض أعمالك

  1. الصفحة الرئيسيّة لموقع معهد غريس للجمباز معروضة على الهاتف.
    موقع «معهد غريس»

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

  2. موقع شركة Palak Logistics معروضاً على الهاتف.
    موقع تعريفي لشركة

    نبني الموقع مباشرة باستخدام أنظمة جاهزة. هذه الطريقة مناسبة للمبتدئين بدون خلفيّة تصميم.

  3. موقع وكالة asterlab معروضاً على الهاتف، بعنوان Brands grow. People connect.
    موقع لوكالة تسويق

    هنا نبني الموقع من الصفر ونستخدم مبادئ متقدّمة أكثر في تصميم المواقع مثل الـ animations والـ micro-interactions.

ماذا ستتعلّم

63 درساً في 12 محاور

المقدّمة

درس واحد
1.مهارات مصمم المواقع7 د

استراتيجيّة المحتوى والتوجّه البصري

5 دروس
2.مخطط الموقع12 د
3.عمل الموود بورد12 د
4.مقدّمة عن اتجاهات التصميم6 د
5.اختيار الخطوط للتصميم6 د
6.اختيار الألوان للتصميم7 د

تحضيرات الأنظمة قبل التصميم

4 دروس
7.تجهيز ال Grid7 د
8.Typography Systems3 د
9.Colors System5 د
10.الأزرار ومقدّمة عن ال Components9 د

تصميم الموقع على Figma

4 دروس
11.القسم الأوّل | Hero Section18 د
12.القسم الثاني | Stats9 د
13.القسم الثالث | Benefits & Features10 د
14.القسم الرابع | Packages Cards10 د

التصميم للموبايل | Responsive Design

5 دروس
15.القسم الأوّل18 د
16.القسم الثاني13 د
17.القسم الثالث وأحجام العناوين5 د
18.القسم الرابع12 د
19.القسم الخامس | طلب البدء والفووتر12 د

بناء الصفحة الرئيسيّة

17 درساً
20.لماذا فريمر؟52 د
21.إضافة الأنماط10 د
22.مقدّمة عن العناصر وبناء الأزرار14 د
23.بناء القائمة الرئيسيّة — الجزء 19 د
24.بناء القائمة الرئيسيّة — الجزء 23 د
25.القسم الأوّل | Hero15 د
26.القسم الثاني | Stats — الجزء 18 د
27.القسم الثاني | Stats — الجزء 25 د
28.قسم المميّزات والمنافع11 د
29.قسم الباقات — الجزء 120 د
30.قسم الباقات — الجزء 26 د
31.القسم الخامس | Testimonies12 د
32.القسم السادس | Team8 د
33.قسم الأسئلة المكررة16 د
34.قسم طلب البدء — الجزء 112 د
35.قسم طلب البدء — الجزء 25 د
36.بناء الفووتر12 د

بناء باقي الصفحات

5 دروس
37.صفحة التواصل — الجزء 114 د
38.صفحة التواصل — الجزء 213 د
39.صفحة التواصل — الجزء 39 د
40.صفحة من نحن — الجزء 115 د
41.صفحة من نحن — الجزء 211 د

بناء المدوّنة

5 دروس
42.تحضير ال CMS5 د
43.بناء صفحة المقال18 د
44.بناء صفحة المدوّنة17 د
45.إضافة المقالات للصفحة الرئيسيّة وكتابة مقال مع chatgpt7 د
46.الربط مع أدوات التسويق عبر الإيميل7 د

الروابط واللمسات الأخيرة وإعدادات الموقع

4 دروس
47.تفعيل الروابط10 د
48.لمسات أخيرة: خلفيّة فيديو + كاروسيل المدرّبين4 د
49.اعدادات الموقع و ال SEO6 د
50.ربط الدوماين4 د

المشروع النهائي والخطوات القادمة

درس واحد
51.المشروع النهائي والخطوات القادمة

[محور جديــــد] عمل موقع من خلال هيكل جاهز

5 دروس
52.مقدّمة4 د
53.الاختلاف ما بين ال UI Kit والقالب الجاهز6 د
54.القسم الأوّل / Hero3 د
55.القسم الثاني من الصفحة12 د
56.عمل الصورة بالذكاء الصناعي13 د

موقع اسطرلاب [مشروع إضافي]

7 دروس
57.البداية وعمل القائمة18 د
58.ال Hero15 د
59.قسم الخدمات14 د
60.المميّزات وشهادات العملاء15 د
61.قسم المشروع المختار11 د
62.الأسئلة المكرّرة17 د
63.الفووتر واستمارة التواصل16 د

الأدوات التي ستتقنها

  • Relumeلعمل خريطة الموقع بتسليم استراتيجيّة المحتوى للذكاء الصناعي.
    خريطة موقع في Relume: ثلاثة أعمدة لصفحات «من نحن» و«الدورات» و«المجتمع» وأقسام كل صفحة.
  • Figmaلتنسيق الألوان والخطوط وعمل التصميم واختباره.
    دليل أنماط في Figma فيه مقاسات العناوين ومسافات الأقسام والألوان، بجانب لوحة مراجع بصريّة.
  • Framerلبناء الموقع بدون خبرة مسبقة في البرمجة. بتعلّمك البرنامج تستطيع بناء المواقع في ساعات.
    محرّر Framer أثناء بناء موقع معهد غريس، مع لوحة الصفحات ولوحة الخصائص.
  • ChatGPTفي تخطيط الموقع وكتابة المحتوى النهائي.
  • قالب استراتيجيّة المحتوىمُخصّص للمواقع التجاريّة / التعريفيّة.
    قالب استراتيجيّة المحتوى مفتوحاً على صفحة «جوهر العلامة التجاريّة» مع أسئلة تُطرح على العميل.

بعض ما بناه المشتركون بعد الدورة

أقوال من سبقوك

الأسئلة المكرّرة

ما هي المهارات المتطلّبة للاستفادة من الدورة؟

لغة إنجليزيّة بسيطة، وأساسيّات ومعرفة عامّة في التصميم الجرافيكي.

كيف تضمن استفادة الطالب؟

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

ما هي الأدوات المستخدمة في الدورة؟

Coda.io, Figma, Relume, Framer, ChatGPT, Formspark, Loops.

لماذا فريمر؟

لأنّه المعيار الجديد لبناء المواقع التجاريّة. تتميّز مواقع فريمر بسهولة الصيانة، وهذه الميزة الأساسيّة التي ستشجّع العملاء للعمل معك مقارنة بمن يعملون بأي أداة أخرى.

هل توجد أمثلة لمواقع حديثة تم عملها بنفس أسلوب الدورة؟

نعم: projectpulse.ae و moedesigns.io و ggdxb.com (مشروع الدورة).

ما هي سياسة الاسترجاع؟

يمكنك طلب استرداد المبلغ خلال 90 يوم من الشراء بدون أسئلة. كل ما عليك هو التواصل مع hello@theprocess.ae

عن المدرّب

محمّد الحكيم في صورة جانبيّة بالأبيض والأسود.
محمّد الحكيم

بدأت في بيع الدورات في ٢٠١٨ مع شركة مايند فالي الأمريكية، وفي ٢٠٢٠ بدأت بالكتابة عن التسويق والبيع على إنستغرام ووصلت إلى ١٠٠ ألف متابع في أشهر معدودة. أؤمن أن العلم هو أثمن ما نملك، ومهمّتي مساعدة الخبراء على نشر خبراتهم في عالمنا العربي — وحلمي أن نعود في مقدّمة الشعوب كالأوائل في مختلف العلوم والمجالات.

تصميم المواقع كان بداية فقرة جميلة في حياتي.

بدأت تصميم المواقع في ٢٠١٩ كعمل ثانوي بجانب الوظيفة. اليوم أعمل على ما أحب مع العملاء الذين أختارهم. تصميم المواقع غيّر حياتي للأفضل، ولديه القدرة لأن يغيّر حياتك أنت أيضاً.

التسجيل في هذه الدورة مغلقمن اشترك سابقاً يحتفظ بوصوله الكامل.