كيف تبني بورتفوليو تصميم يثق به العملاء، خطوة بخطوة

البورتفوليو (Portfolio)، أو معرض الأعمال، هو مجموعة قصيرة ومختارة من أفضل مشاريعك، يُعرض كل مشروع فيها كدراسة حالة (Case Study) صغيرة: ماذا احتاج العميل، وما الفكرة، وكيف وصلت إليها، وما الذي سُلِّم في النهاية. العميل لا يشتري الصور وحدها، بل يشتري طريقة تفكيرك.

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

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

لمن تبني البورتفوليو؟

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

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

ثم حدّد ما تريد أن يُطلب منك في المرحلة القادمة، واجعله في المقدمة. إن أردت مشاريع هوية بصرية (Brand Identity)، فلا تملأ البورتفوليو بتصاميم السوشيال ميديا، لأن ما تعرضه هو ما سيُطلب منك.

اختر مشاريع أقل وأقوى

يحكم الناس على البورتفوليو بأضعف مشروع فيه، لا بأقواه. لذلك فالاختيار والحذف أهم خطوة.

ما يستحق مكاناً

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

ما يجب حذفه

• ثلاثة شعارات متشابهة يكفي أحدها. أبقِ الأقوى.
• مشروع لا تستطيع الحديث عنه بثقة.
• عمل قديم كنت ستصممه اليوم بشكل مختلف، إلا إذا كان يعرض مهارة لا يعرضها غيره.

إن كنت في البداية

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

اكتب كل مشروع كدراسة حالة

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

من أعمالي: هوية Pupal

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

لا ادعاءات كبيرة، بل خطوات مرتبة، ومعها الصور التي تثبتها.

احذر من النتائج المخترعة

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

والعنوان مهم أيضاً. «مشروع 7» لا يقول شيئاً، أما «هوية كاملة لمحمصة قاهرية، من الشعار إلى واجهة المحل» فيقول القطاع والنطاق والمكان. اكتب العنوان بالطريقة التي يصف بها العميل حاجته.

اعرض العمل بصدق

الموكاب مفيد، بشرط أن تسمّيه

الموكاب (Mockup) يساعد العميل على تخيّل التصميم على كيس أو لافتة أو شاشة هاتف، لكنه ليس دليلاً على أن الشيء نُفّذ فعلاً. إن لم تُركَّب اللافتة على المحل، فلا تجعل الصفحة توحي بذلك. تكفي كلمات صغيرة مثل «موكاب»، و«تصوّر ثلاثي الأبعاد»، و«فكرة غير منفّذة»، و«اتجاه عُرض ولم يُختر».

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

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

اعرض الرحلة، لا النتيجة فقط

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

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

صمّم البورتفوليو نفسه بهدوء

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

أين تنشر البورتفوليو؟

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

العربية والإنجليزية: قارئان لا نص واحد

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

• لكل لغة عنوانها. توصي Google باستخدام رابط مستقل (URL) لكل نسخة لغوية، وتحدد لغة الصفحة من النص الظاهر فيها لا من الكود. في موقعي لكل صفحة نسخة عربية ونسخة إنجليزية، ولكل منهما عنوانها.
• اعتنِ بالاتجاه من اليمين إلى اليسار (RTL). اعكس التخطيط، وتأكد أن الأرقام والأسماء والسطور المختلطة تُقرأ صحيحة، واختبر العناوين العربية في كل الأحجام.
• دع الحرف العربي يتكلم. الشعار العربي المرسوم باليد كثيراً ما يكون أقوى صورة في البورتفوليو، والقارئ الأجنبي يفهمه من الصور.
• استخدم الكلمات التي يبحث بها الناس. القارئ العربي يبحث عن «بورتفوليو» و«هوية بصرية»، فاكتبها كما هي، وضع المصطلح الإنجليزي بين قوسين عند الحاجة.

كيف أعدت بناء موقعي هذا العام

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

1. قالب واحد لدراسة الحالة في كل مشروع. تبدأ الصفحة بالمطلوب والفكرة، ثم الرحلة والعمل في الاستخدام، وتنتهي بقائمة ما تم تسليمه. وفي المشاريع الكبيرة يظهر النظام أيضاً: الشعار والألوان والخط.
2. حقائق أستطيع الدفاع عنها. نقلت المشاريع القديمة إلى القالب الجديد، وكتبت فقط ما تثبته الملفات: الأسماء والأماكن والسنوات. وما لم أستطع التأكد منه حذفته.
3. أعمال قديمة عادت بعناية. بعض الهويات من موقعي القديم، مثل هوية منصة الفرقان لتعليم القرآن الكريم، استحقت صفحة كاملة فحصلت عليها، وبقيت أعمال أخرى خارج الموقع.
4. العربية والإنجليزية من اليوم الأول، لا ترجمة تُضاف في النهاية.
5. صفحة «عنّي» صادقة. صفحة عنّي تعرض مسيرتي منذ 2010 وطريقة عملي: الاكتشاف، ثم التصميم، ثم التسليم. فالعميل يتعامل مع شخص، لا مع معرض صور.

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

قائمة مراجعة قبل النشر

1. كل مشروع يجيب في سطوره الأولى: ما المشكلة، ولمن؟
2. كل المشاريع تتبع القالب نفسه.
3. الموكاب والرندر والاتجاهات غير المختارة عليها علامة واضحة.
4. لا نتائج ولا أرقام مخترعة.
5. راجعت العقد أو استأذنت العميل قبل نشر كل مشروع.
6. الموقع يعمل على الهاتف، وطريقة التواصل ظاهرة في كل صفحة.

الخلاصة

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

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