design businessApril 22, 202612 min read

معرض أعمال التصميم: كيف تبني معرضًا يحصل لك على الوظيفة فعلًا

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

By Boone
XLinkedIn
design portfolio guide

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

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

ما هو معرض الأعمال فعلًا

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

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

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

المشاريع الخمسة التي تهم فعلًا

معظم المعارض تضم من ثمانية إلى اثني عشر مشروعًا. ومدير التوظيف يقرأ اثنين. نقاش "ضع كل شيء" مقابل "انتقِ بصرامة" انتهى. انتقِ. خمسة مشاريع كحد أقصى. اختر الخمسة التي تحكي قصة كاملة.

المشروع 1: المشروع الرئيسي

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

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

المشروع 2: مشروع إثبات المدى

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

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

المشروع 3: مشروع العمق

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

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

المشروع 4: حالة التعاون

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

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

المشروع 5: المشروع الشخصي أو الجانبي

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

المشاريع الجانبية أهم للمصممين في بداية مسيرتهم (حيث عمل العملاء محدود) وللمصممين المتقدمين (حيث تُظهر فضولًا مستمرًا). يستطيع المصممون في منتصف المسيرة أحيانًا تخطي هذه الخانة واستبدالها بمشروع عمق ثانٍ.


بنية دراسة الحالة التي تحقق التحويل

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

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

القسم 1: العرض في سطرين

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

مثال: "أعدت تصميم مسار الدفع لعميل في التقنية المالية يخدم مليوني مستخدم في 18 سوقًا. قدت تجربة المستخدم، وعملت مع مصمم هوية وثلاثة مهندسين، وأطلقنا مسارًا خفّض التخلي عن السلة بنسبة 23 بالمئة عن الخط الأساسي القديم".

القسم 2: المشكلة

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

الفخ هو صياغة المشكلة بما يهم المصمم بدل ما يهم العمل. "بدت الواجهة قديمة" مشكلة مصمم. "17 بالمئة من المستخدمين تخلّوا عن شاشة الدفع" مشكلة عمل. اكتب الصيغة الثانية.

القسم 3: المقاربة

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

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

القسم 4: العمل

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

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

القسم 5: النتيجة

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

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

القسم 6: التأمل

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

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

مخطط voxel بعنوان بنية دراسة الحالة: ستة أقسام متراصة من العرض إلى التأمل، ومدير توظيف يقرؤها ويومئ برأسه عند قسم التأمل
مخطط voxel بعنوان بنية دراسة الحالة: ستة أقسام متراصة من العرض إلى التأمل، ومدير توظيف يقرؤها ويومئ برأسه عند قسم التأمل

قواعد الصفحة الرئيسية

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

القاعدة 1: ابدأ بالعمل لا بنفسك

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

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

القاعدة 2: سطر التموضع الواحد

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

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

القاعدة 3: تنقل لا يحاربك

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

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


صفحة عني

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

ثلاثة أشياء يجب تضمينها:

سيرة بلغة بسيطة. من فقرتين إلى أربع. من أنت، وماذا فعلت، وما الذي يهمك. اكتبها كما ستقدم نفسك في مؤتمر، لا كملف LinkedIn. التفاصيل والملمس يتفوقان على الصقل.

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

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

العمل خارج المعرض

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

هذا لا يعني اختلاق حضور. بل يعني ألا تناقض نفسك. معرض يضعك كمصمم متقدم بعقلية أنظمة، مقرونًا بحساب Twitter ممتلئ بـ "أبدأ للتو في التصميم، هل من نصائح"، يرسل إشارة متضاربة. الحل إما تحديث الحساب أو الاعتراف بأن المعرض طموح. كلاهما مقبول. التناقض لا.

مقارنة voxel. اليسار بعنوان مشتت: موقع معرض وحساب Twitter وملف LinkedIn، كل منها يحكي قصة مختلفة. اليمين بعنوان متسق: الواجهات الثلاث نفسها تعزز تموضعًا واحدًا متماسكًا
مقارنة voxel. اليسار بعنوان مشتت: موقع معرض وحساب Twitter وملف LinkedIn، كل منها يحكي قصة مختلفة. اليمين بعنوان متسق: الواجهات الثلاث نفسها تعزز تموضعًا واحدًا متماسكًا

أخطاء المعارض الشائعة

أربعة أنماط تقتل معارض أكثر مما يفعل العمل الضعيف.

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

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

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

الموقع الذي ينهار على الجوال. مواقع معارض تعمل على شاشة 27 بوصة وتتفكك على الهاتف. نصف القراءات الأولى يحدث على الجوال. معرض لا يعمل هناك معرض لا يعمل. وأنماط التصميم المتجاوب التي تنطبق على أي تصميم ويب تنطبق هنا أيضًا.

تحديث المعرض كعادة

المعرض الذي يُحدَّث مرة كل سنتين هو معرض متقادم بسنتين يوم يُفتح. الحل هو وتيرة تحديث صغيرة ومنتظمة بدل إعادة كتابة ضخمة عند كل منعطف مهني.

كل ربع سنة: أضف دراسة حالة أو حدّث واحدة، وراجع المشروع المميز في الصفحة الرئيسية، وتأكد أن معلومات التواصل محدثة.

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

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

إن أردت مساعدة في بناء دراسات الحالة أو تموضع الموقع، أو أردت ببساطة توظيف مصممين حلّوا هذا الأمر أصلًا، وظّف Brainy. نعرف شكل المعارض المتقدمة لأننا نوظف منها.

الأسئلة الشائعة

كم مشروعًا ينبغي أن يكون في معرض أعمال التصميم؟

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

ما الطول المناسب لدراسة حالة في المعرض؟

طويلة بما يكفي لحكاية قصة القرارات، وقصيرة بما يكفي ليتصفحها مدير التوظيف في خمس دقائق. عادةً من 600 إلى 1500 كلمة لكل دراسة حالة، مع لقطات شاشة وتعليقات. يمكن للمشروع الرئيسي أن يطول. والمشاريع الجانبية الأقصر قد تصل إلى 300 كلمة. المهم أن يكون كل قسم (العرض، والمشكلة، والمقاربة، والعمل، والنتيجة، والتأمل) حاضرًا.

هل أضع سيرتي الذاتية في موقع معرضي؟

اختياري. معظم المعارض تربط بسيرة ذاتية بصيغة PDF قابلة للتنزيل أو بملف LinkedIn بدل استضافة السيرة داخل الموقع. إن أضفتها، فضعها في صفحة منفصلة لا في الصفحة الرئيسية. الصفحة الرئيسية للعمل.

هل أحتاج معرضًا إن كان لدي LinkedIn قوي؟

نعم. LinkedIn ملف تعريفي لا معرض أعمال. LinkedIn القوي يدخلك في محادثة مع مسؤول توظيف. أما المعرض فهو ما يجلب لك المقابلة. لأي دور تصميم فوق مستوى المبتدئ، المعرض أمر لا مفر منه.

هل يعرض معرضي عمليتي أم العمل النهائي فقط؟

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

ما أكبر خطأ يرتكبه المصممون في المعارض؟

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

المعرض رهان

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

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

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

قراءات ذات صلة

Need a portfolio that reads as senior in 90 seconds? Brainy helps designers structure case studies that get hiring managers to stop scrolling. Or we just hire designers who already did.

Get Started

More from Brainy Papers

Keep reading