تصميم موقع شخصي وبورتفوليو: تعرض شغلك وتجيب عملاء

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

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

مين اللي بيفتح موقعك الشخصي وعايز إيه؟

أغلب الناس بتتخيل إن الزائر عايز يشوف كل شغلك. الحقيقة إن عنده 3 أسئلة في دقيقة:

1. هو ده الشخص المناسب لمشروعي؟ بيدوّر على تخصصك ونوع العملاء اللي اشتغلت معاهم.
2. هل هو موثوق؟ بيدور على نتائج حقيقية وآراء عملاء وتفاصيل واضحة.
3. إزاي أكلمه، وإيه اللي هيحصل بعد كده؟ بيدوّر على طريقة تواصل مباشرة وتوقعات واضحة.

والزوار أنواع:

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

يعني الموقع لازم يخدم القرار السريع للعميل الجديد، وفي نفس الوقت يكون فيه تفاصيل كافية لمن يريد التعمق.

الصفحات الأساسية في تصميم موقع شخصي

الرئيسية

أول شاشة لازم تجاوب في 5 ثواني على: إنت مين؟ بتساعد مين؟ وفي إيه؟ بجملة واحدة محددة. مثال: «مصمم هويات بصرية لمشاريع الأغذية الصغيرة» أحسن بكتير من «مصمم جرافيك إبداعي». ومعاها صورة حقيقية ليك، وزرار «شوف أعمالي» وزرار «كلمني».

من أنا

الناس بتشتري من ناس. اكتب قصتك باختصار: خلفيتك، وإزاي بدأت، وإيه اللي بتهتم بيه في الشغل، وكام سنة خبرة، وأنواع العملاء. ومتخلّيش الصفحة سيرة ذاتية جامدة؛ اربط الخبرة بإيه اللي هتفيد بيه العميل. ولو بتحتاج موقع سيرة ذاتية بحت (للتوظيف مثلًا) فنفس الصفحات تقريبًا لكن مع تركيز على الخبرات والمهارات وملف PDF للتحميل.

كيف تعرض أعمالك كقصص نجاح مش مجرد صور

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

1. العميل والمشكلة: مين العميل، وإيه التحدي.
2. اللي اتعمل: خطوات شغلك بإيجاز، والأدوات.
3. النتيجة: إيه اللي اتغير. لو عندك أرقام حقيقية وموثقة، اعرضها بإذن العميل. لو مفيش أرقام، وصف نوعي صادق أحسن من رقم مبالغ فيه.
4. كلمة العميل: جملة أو اتنين منه، بإذنه.
5. زرار تواصل في آخر صفحة المشروع.

نموذج عرض مختلف حسب مجالك

• المصمم: صور عالية الجودة، قبل وبعد، وشرح قصير للفكرة والقرار التصميمي.
• المصور: معارض مصنفة (أفراح، منتجات، بورتريه) من غير تحميل مئات الصور. واختار الأفضل 8 إلى 12 في كل معرض.
• المبرمج أو مطور الويب: روابط لمشاريع شغالة، والمشكلة والحل التقني بإيجاز.
• المسوّق وميديا باير: قصص نتائج بخطوات الخطة، وأرقام بإذن العميل. إزاي تقرر الأرقام اللي تعرضها نفس منطق تقارير العملاء.
• المستشار: منهجك، وحالات العملاء، ومخرجات الاستشارة، ومقالات تثبت خبرتك.
• الكاتب والمترجم: عينات مختارة مع سياقها وجمهورها.

وعن الصور اللي هتعرضها، قللها وضغطها عشان الموقع يفضل سريع: ضغط الصور في ووردبريس.

الدومين باسمك والهوية

الدومين باسمك (مثلًا اسمك الكامل .com) أهم من أي تصميم. بيعطي مظهر احترافي، وبيخلي الناس تلاقيك لما تدور على اسمك، وبيبقى ملكك مهما تغيرت المنصات. اللي لازم تعمله:

• احجز الدومين باسم مسجّل باسمك (مش باسم المصمم أو الوكالة): الخطوات في حجز دومين.
• اختار اسم بسيط سهل النطق والكتابة، ومناسب لو غيرت تخصصك لاحقًا.
• إيميل رسمي على الدومين، مش جيميل: إنشاء إيميل رسمي.
• اتأكد من تجديد الدومين تلقائي، وفقدانه أسوأ من أي خسارة.
• هوية بصرية بسيطة وثابتة: ألوان وخط ولوجو أو اسم مكتوب بشكل ثابت. التفاصيل في الهوية البصرية.

المنصة: ووردبريس ولا منصة جاهزة؟

للموقع الشخصي ليك خيارين رئيسيين:

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

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

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

صفحة الخدمات: اكتب بلغة العميل

صفحة الخدمات في تصميم موقع شخصي ناجح مش قائمة مهارات، هي إجابة على «إيه اللي هيتحل عندي لو اشتغلت معاك؟». لكل خدمة: لمين هي، والمشكلة اللي بتحلها، وإيه اللي هيستلمه العميل بالظبط، وإزاي بيمشي الشغل خطوة خطوة، ومدة تقريبية، وأسئلة متكررة. وحدد اللي مش بتعمله، لأن ده بيوفر وقت الطرفين ويجذب العميل المناسب.

الأعمال القديمة والجديدة

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

موقع سيرة ذاتية ولا موقع بورتفوليو؟

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

الموبايل والسرعة

العميل ممكن يفتح موقعك من رابط على الواتساب أو من بايو إنستجرام وهو في الطريق. يعني لازم الموقع يتحمل بسرعة، وصور الأعمال تتحمل بالتأجيل، والخطوط قليلة، وزرار التواصل ثابت وسهل. وراجع Core Web Vitals لو حبيت تعرف إيه اللي يهمك فعلًا.

إزاي الموقع الشخصي يجيب عملاء؟

الموقع لوحده ما بيجيبش عملاء. بيجيبهم لما يتوصل بقنوات تجيب زوار:

1. السيو: اكتب مقالات تجاوب أسئلة عملائك، فيظهر اسمك لما يبحثوا. أسس السيو في تعلم السيو من الصفر والبحث بالعربي في البحث عن الكلمات المفتاحية. وصفحات الخدمات ليها كلمات واضحة، وتجنب تنافس صفحتين على نفس الكلمة.
2. ملف جوجل بيزنس لو بتستقبل عملاء محليين: Google Business Profile.
3. السوشيال: رابط الموقع في البايو، ومنشورات بتوجّه لقصص النجاح.
4. الإعلانات: لما يبقى الموقع جاهز ومتتبع، تقدر تروّج لخدماتك. وصفحة الهبوط المخصصة لخدمة بعينها أحسن من الرئيسية: تصميم صفحة هبوط.
5. التوصيات والشراكات: عملاء راضيين بيجيبوا عملاء. وسهّل عليهم يشاركوا رابط قصة النجاح.
6. النشرة البريدية: لو بتكتب باستمرار.

وأهم من ده: زرار التواصل لازم يكون سهل. نموذج قصير (الاسم، المشروع، الميزانية التقريبية، الموعد المطلوب) + واتساب. وتتبّع الاتنين: تتبع نقرات الواتساب والتحويلات في GA4. والأساسيات عن اللي بيحصل بعد ما العميل يضغط موضحة في كتاب ما بعد الضغطة.

خطوات تصميم موقع شخصي من الصفر

1. حدد تخصصك وعميلك المثالي بجملة واحدة.
2. جهز المحتوى: صورة جيدة، ونبذة، وأفضل 4 إلى 6 مشاريع بقصصها، وآراء عملاء.
3. احجز الدومين باسمك، وإيميل رسمي.
4. اختار المنصة والقالب الخفيف.
5. ابني الرئيسية بجملة واضحة وزرار تواصل.
6. اعمل صفحات الخدمات والأعمال ومن أنا والتواصل.
7. ظبط السرعة والموبايل، وقيّس بـقياس سرعة الموقع.
8. ركّب التتبع وSearch Console وGA4.
9. اطلق وأعلن في حساباتك، وراجع الزيارات كل شهر.

وقبل ما تتواصل مع مصمم، اكتب طلبك بوضوح: متطلبات تصميم موقع إلكتروني. والتكلفة بتتحدد بعدد الصفحات والتخصيص والمدونة والمحتوى اللي هتجهزه بنفسك، وقراءة العروض موضحة في عرض سعر تصميم موقع.

مثال عملي: مصممة جرافيك فريلانسر

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

• قبل: العميل بيشوف شغل متفرق، وبيسأل نفس الأسئلة: الأسعار؟ المدة؟ مين اشتغلت معاهم؟
• الموقع: رئيسية بجملة «هويات بصرية لمشاريع الأكل الصغيرة»، و5 دراسات حالة بعميل ومشكلة وقرار تصميمي ونتيجة، وصفحة خدمات بباقات توضح اللي داخل فيها، ونموذج تواصل بيسأل عن نوع المشروع والميعاد.
• التتبع: حدث لإرسال النموذج وحدث لنقر الواتساب.
• الاتجاه المنطقي: العملاء اللي بيوصلوا بيبقوا فاهمين شغلها وسعرها قبل ما يكلموها، فالمحادثات أقل لكن أجدى. ده مش وعد برقم، لكن ده اللي بيحصل لما الموقع يعمل فلترة وإقناع قبل المكالمة.

أخطاء شائعة وقائمة قبل الإطلاق

أخطاء بشوفها كتير

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

قائمة قبل الإطلاق

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

أسئلة شائعة

أحتاج موقع شخصي ولا حساباتي على السوشيال كفاية؟

السوشيال ممتازة للوصول، لكن الموقع هو المكان الوحيد اللي تملكه فعلًا، وبيظهر في جوجل لما يبحثوا عن اسمك، وبيعطي مصداقية أكبر. الأفضل الاتنين مع بعض.

كام صفحة يحتاج الموقع الشخصي؟

صفحات قليلة تكفي: رئيسية، وخدمات، وأعمال، ومن أنا، وتواصل. الأهم جودة المحتوى مش عدد الصفحات.

أعرض أسعاري على الموقع؟

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

موقع بورتفوليو ولا بروفايل على منصة أعمال؟

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

إزاي أعرف إن موقعي بيجيب عملاء؟

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

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