پورتفولیو طراحی: چطور پورتفولیویی بسازید که واقعاً استخدامتان کند
راهنمای یک طراح حرفه‌ای برای ساخت پورتفولیو. پنج پروژه‌ای که اهمیت دارند، ساختار کیس استادی که نتیجه میدهد، و روش ساخت سایتی که مدیر استخدام را به جای اسکرول کردن به پاسخ دادن وادار میکند.
مدیران استخدام قبل از تصمیم برای مصاحبه، ۹۰ ثانیه روی یک پورتفولیو وقت می‌گذارند. بیشتر طراح‌ها پورتفولیوی خود را برای غرور شخصی بهینه می‌کنند، نه برای همان پنجره ۹۰ ثانیه‌ای. نتیجه چیست؟ صفحه اصلی زیبایی که کسی از آن جلوتر نمی‌رود، پنج پروژه که همه شبیه هم‌اند، و ساختار کیس استادی که هر تصمیم جالب را زیر دیوار اسکرین‌شات‌ها دفن میکند.
این مقاله نسخه عملی ماجراست. پنج پروژه‌ای که واقعاً پورتفولیو را از جونیور به سنیور می‌رسانند، ساختار کیس استادی که تصمیمگیری را اثبات میکند نه سلیقه را، و روش ساخت سایتی که در ۴۸ ساعت جواب می‌گیرد به جای یک ایمیل رد دیگر.
پورتفولیو واقعاً چیست
پورتفولیو شرط‌بندی روی شغل بعدی شماست، نه موزه‌ای از شغل‌های گذشته. هر پروژه باید دلیلی برای بودن داشته باشد. هر کیس استادی باید چیزی درباره طرز فکر شما به خواننده یاد بدهد. هر تصمیم در سایت، از سلسله‌مراتب صفحه اصلی تا طول کیس استادی، یک سیگنال استخدامی است.
پورتفولیویی که مصاحبه می‌آورد، بیشترین پروژه را ندارد. پورتفولیویی است که مدیر استخدام بعد از خواندن سه کیس استادی از آن بیرون می‌آید و فکر میکند: «این آدم را در اتاق می‌خواهم.» این نتیجه تصادفی نیست. یک ساختار است.
بررسی طراحی سلسله‌مراتب بصری توضیح میدهد چطور ترتیب خواندن را در هر صفحه کنترل کنید. پورتفولیو محک آن است. اگر پورتفولیوی شما سلسله‌مراتب ندارد، مدیران استخدام آن را تا آخر نمی‌خوانند.
پنج پروژه‌ای که واقعاً اهمیت دارند
بیشتر پورتفولیوها هشت تا دوازده پروژه دارند. مدیر استخدام دو تا را می‌خواند. بحث «همه چیز را بگذار» در برابر «سخت‌گیرانه گزین کن» تمام شده است. گزین کنید. حداکثر پنج پروژه. پنج‌تایی را انتخاب کنید که یک داستان کامل می‌گویند.
پروژه ۱: پروژه شاخص
یک پروژه که نتیجه‌اش از تحقیق تا لانچ با شما بوده. معمولاً قوی‌ترین کیس استادی شما. جایش در صفحه اصلی است، در اولین فولد. این پروژه‌ای است که می‌خواهید مدیر استخدام اگر فقط یکی را خواند، همین باشد، و برای ۴۰ درصد خواننده‌ها همین اتفاق می‌افتد.
پروژه شاخص زیباترین پروژه نیست. آن است که روشن‌ترین تصمیمها، بزرگ‌ترین دامنه و محکم‌ترین خط ارتباطی از مسئله تا نتیجه را دارد. پروژه‌ای متوسط که با مالکیت کامل اجرا شده، از پروژه پرزرق‌وبرقی که فقط سه صفحه‌اش را لمس کرده‌اید بهتر است.
پروژه ۲: پروژه نشان‌دهنده دامنه
پروژه‌ای که نشان میدهد میتوانید در یک زبان بصری متفاوت با پروژه شاخص کار کنید. اگر شاخص یک داشبورد تمیز SaaS است، این یکی یک هویت برند پرابراز است. اگر شاخص یک اپ مصرفی با شخصیت است، این یکی یک ابزار دقیق سازمانی است. دامنه ثابت میکند میتوانید خودتان را وفق دهید، و این نصف معنای سنیور است.
پروژه دامنه اغلب دومین پروژه در صفحه اصلی است. باید در نگاه اول کاملاً متفاوت از شاخص به نظر برسد تا مدیر استخدام بدون خواندن کیس استادی، گستردگی را ثبت کند.
پروژه ۳: پروژه عمق
پروژه‌ای که در آن یک تخصص پیشرفته را نشان می‌دهید. معماری سیستم‌های طراحی، دسترس‌پذیری، روش‌شناسی تحقیق، طراحی حرکت، پیاده‌سازی فرانت‌اند. عمق چیزی است که سنیور را از میان‌رده جدا میکند. هر طراح سنیور دست‌کم یک حوزه دارد که عمیق‌تر از نیاز یک همه‌فن‌حریف در آن فرو رفته.
پروژه عمق از نظر طول کیس استادی کوتاهتر از شاخص است، اما از نظر فنی فشرده‌تر. اینجا تکه‌کدها، دیاگرام معماری توکن‌ها یا پروتکل‌های تحقیق ظاهر می‌شوند. راهنمای سیستم‌های طراحی نمونه‌ای از موضوعی است که در پروژه عمق جا خوش میکند.
پروژه ۴: کیس همکاری
پروژه‌ای که ثابت میکند میتوانید با طراح‌ها، مهندس‌ها یا ذی‌نفعان غیرطراح کار کنید. اینجا صادقانه درباره بده‌بستان‌ها، مصالحه‌ها، و تفاوت آنچه تحویل دادید با آنچه می‌خواستید تحویل دهید می‌نویسید. مدیران استخدام به این پروژه وزن زیادی می‌دهند چون نشان میدهد هم‌تیمی چه‌جور آدمی هستید، نه یک تک‌رو.
کیس همکاری اغلب سخت‌ترین نوشتن را دارد چون صداقت می‌خواهد. پروژه‌هایی که بدون مصالحه تحویل شده باشند معمولاً وجود ندارند، و کیس استادی که خلافش را ادعا کند دروغ به نظر می‌رسد.
پروژه ۵: پروژه شخصی یا جانبی
یک پروژه که کار مشتری نیست. یک کاوش خودخواسته، ابزاری که ساخته‌اید، یک آزمایش تایپوگرافی، یک ورودی گیم‌جم. اینجا پورتفولیو ثابت میکند طراح بیرون از بریف هم سلیقه دارد. پروژه شخصی لازم نیست بزرگ باشد. باید مشخص باشد.
پروژههای جانبی برای طراحان ابتدای مسیر (که کار مشتری‌شان محدود است) و طراحان سنیور (که کنجکاوی مداوم را نشان می‌دهند) مهم‌ترند. طراحان میان‌رده گاهی میتوانند این جایگاه را رد کنند و با یک پروژه عمق دوم جایگزینش کنند.
ساختار کیس استادی که نتیجه میدهد
بیشتر کیس استادی‌ها اسلایدشویی از صفحات نهایی با متن تبلیغاتی میان آن‌هاست. این کیس استادی نیست. گالری است. کیس استادی واقعی مثل یک دفترچه تصمیمها خوانده می‌شود.
ساختاری که جواب میدهد:
بخش ۱: پیچ دو خطی
مشتری که بود، مسئله چه بود، نقش شما چه بود. دو خط، نه بیشتر. مدیر استخدامی که چیز دیگری نخواند باید بداند این پروژه چه بود و شما چه سهمی داشتید.
مثال: «فرایند پرداخت یک مشتری فین‌تک با ۲ میلیون کاربر در ۱۸ بازار را بازطراحی کردم. هدایت UX را بر عهده داشتم، با یک طراح برند و سه مهندس همکاری کردم و فرایندی تحویل دادم که ترک سبد خرید را نسبت به وضعیت قبلی ۲۳ درصد کاهش داد.»
بخش ۲: مسئله
یک تا سه پاراگراف درباره مسئله واقعی. نه «کاربران تجربه بدی داشتند.» مشخص. عدد، رفتار، نقاط اصطکاک. هر چه مسئله ملموس‌تر، راه‌حل معتبرتر.
دام این است که مسئله را با زبانی بگویید که طراح به آن اهمیت میدهد نه کسب‌وکار. «رابط قدیمی به نظر می‌رسید» مسئله طراح است. «۱۷ درصد کاربران در صفحه پرداخت رها کردند» مسئله کسب‌وکار است. نسخه دوم را بنویسید.
بخش ۳: رویکرد
چطور به مسئله حمله کردید. چه تحقیقی انجام دادید. چه فرضیه‌هایی ساختید. چه محدودیت‌هایی به کار شکل دادند. این بخش تفکر است و دلیل خواندن کیس استادی توسط مدیران استخدام. می‌خواهند ببینند چطور از مسئله به راه‌حل می‌رسید، نه فقط اینکه رسیده‌اید.
محدودیت‌ها را رد نکنید. هر پروژه واقعی دارد: بودجه، زمان‌بندی، کد قدیمی، الزامات قانونی، ترجیحات ذی‌نفعان. کیس استادی که مثل کاوش بی‌قید به نظر برسد، مثل داستان تخیلی به نظر می‌رسد. محدودیت‌ها ادویه‌اند.
بخش ۴: کار
مصنوعات را نشان دهید. یافته‌های تحقیق، وایرفریم‌ها، کاوش‌های طراحی، صفحات نهایی. اینجا اسکرین‌شات‌ها جا دارند، اما در خدمت داستان‌اند نه جایگزین آن. هر اسکرینشات کپشنی دارد که توضیح میدهد چه تصمیمی را نمایندگی میکند، نه فقط شبیه چیست.
اشتباه رایج این است که با صفحات نهایی صیقل‌خورده شروع کنید و فرایند را دفن کنید. برعکسش کنید. با میانه شلوغ شروع کنید (مسیرهای ردشده، بینش‌های تحقیق، بده‌بستان‌های محل بحث)، بعد کار نهایی را به‌عنوان نتیجه آن تفکر نشان دهید.
بخش ۵: نتیجه
بعد از لانچ چه شد. معیارها، بازخورد کیفی، کارهای بعدی، درس‌های آموخته. اگر عدد دقیق دارید، استفاده کنید. اگر ندارید، از سیگنال‌های کیفی استفاده کنید (توصیه‌نامه‌ها، استقبال داخلی، آنچه متفاوت انجام می‌دادید).
هرگز عدد جعل نکنید. مدیر استخدامی که نرخ تبدیل ساختگی را بگیرد، مصاحبه را قبل از شروع تمام میکند. جمله صادقانه «آن زمان این را اندازه نگرفتیم، اما تیم فروش بعد از بازطراحی تبدیل دمو به تریال قوی‌تری گزارش کرد» همیشه از معیارهای ساختگی بهتر است.
بخش ۶: بازتاب
یک پاراگراف کوتاه درباره آنچه یاد گرفتید و آنچه تغییر می‌دادید. این اغلب بخشی است که سنیور را از میان‌رده جدا میکند. جونیورها کیس استادی می‌نویسند که ادعا میکند همه‌چیز جواب داد. سنیورها می‌نویسند: «باید قبل از انتشار، آنبوردینگ جدید را با پنج کاربر تست می‌کردیم، چون در هفته اول دو مشکل کاربردپذیری پیدا کردیم که در تحقیق بدیهی بودند.»
بازتاب خودزنی نیست. اثبات خودآگاهی است. کیس استادی بدون بازتاب، طراحی را نشان میدهد که فکر میکند همه‌چیز را درست انجام داده، و این درست برعکس چیزی است که مدیران استخدام می‌خواهند.
قوانین صفحه اصلی
صفحه اصلی آزمون ۱۰ ثانیه‌ای است. اگر قبول نشود، کیس استادی‌ها هرگز خوانده نمی‌شوند. سه قانون.
قانون ۱: با کار شروع کنید، نه با خودتان
هیرو باید پیش‌نمایشی از قوی‌ترین پروژه‌تان باشد، نه عکس پرتره، نه شعار، نه یک خط متن درباره «خلق تجربه‌های دلپذیر». مدیران استخدام هنوز به شما اهمیت نمی‌دهند. به این اهمیت می‌دهند که کار شما در حوزه‌ای هست که دنبالش‌اند یا نه. اول کار را نشان دهید، بعد خودتان را معرفی کنید.
تنها استثنا طراحان شناخته‌شده‌ای است که خود نامشان قلاب است. اگر آن طراح نیستید، با کار شروع کنید.
قانون ۲: جایگاه‌یابی تک‌خطی
زیر یا کنار پروژه برجسته، یک خط متن که شما را جایگاه‌یابی میکند. نه گزاره ارزش، جایگاه‌یابی. «طراح محصول برای فین‌تک‌های مراحل اولیه.» «طراح برند برای سلامت و تندرستی مصرفی.» «طراح سیستم‌های UX برای SaaS سازمانی.»
خط جایگاه‌یابی مخاطب را فیلتر میکند. ریکروتری که برای یک طراح برند در شرکت تندرستی استخدام میکند، خط شما را می‌بیند و می‌خواند. ریکروتری که برای SaaS سازمانی استخدام میکند و خط شما فین‌تک می‌گوید، رد می‌شود، که نتیجه درست است. واژه‌نامه قیمت‌گذاری مبتنی بر ارزش همین منطق را برای کار مشتری توضیح میدهد: باریک جایگاه بگیرید تا کار درست جذب شود، نه برای حذف امکان‌ها.
قانون ۳: ناوبری‌ای که با شما نمی‌جنگد
ناوبری بالا با دقیقاً سه تا پنج آیتم: Work، About، Contact، و اختیاری Notes یا Writing. پورتفولیو یک مصنوع خطی است. مدیران استخدام در اولین بازدید آن را از بالا به پایین میخوانند. مجبورشان نکنید دنبال چیزی بگردند.
از منوهای فیلتر کیس استادی، گریدهای مصالح‌چین که با هاور جابه‌جا می‌شوند، و ناوبری انیمیشنی که خودش را پنهان میکند دوری کنید. صفحه اصلی همین حالا هم برای توجه مدیر استخدام می‌جنگد. اصطکاک اضافه نکنید.
صفحه درباره من
صفحه درباره من بعد از کیس استادی شاخص، دومین صفحه پرخوانده پورتفولیوست. بیشتر طراح‌ها آن را یک تشریفات میدانند. نیست. این صفحه به یک سؤال مشخص مدیر استخدام پاسخ میدهد: «کار کردن با این آدم چطور خواهد بود.»
سه چیز که باید باشد:
یک بیوگرافی به زبان ساده. دو تا چهار پاراگراف. کی هستید، چه کرده‌اید، به چه اهمیت می‌دهید. طوری بنویسید که در یک کنفرانس خودتان را معرفی میکنید، نه مثل پروفایل لینکدین. جزئیات و بافت از صیقل بهترند.
آدم‌هایی که با آن‌ها کار کرده‌اید. نه همه شرکت‌ها، اما آن‌هایی که مهم‌اند. فهرست کوتاهی از مشتری‌ها، شرکت‌ها یا همکاران. اگر بتوانید از یکی‌شان توصیه‌نامه تک‌خطی بگیرید، آن یک خط از هر پاراگرافی که خودتان درباره خودتان بنویسید ارزشمندتر است.
تماس، برجسته. صفحه درباره من جایی است که بیشتر مدیران استخدام تماس می‌گیرند. ایمیل را به‌صورت متن ساده بگذارید (نه پشت فرم تماس)، و دو بار بگذارید: یک بار بالا، یک بار پایین. فرم تماس مانع است. مانع را بردارید.
کار بیرون از پورتفولیو
مدیران استخدام به پورتفولیو بسنده نمی‌کنند. Twitter/X، لینکدین، Dribbble، بخش یادداشت‌های سایت شخصی و هر نوشته بلندی را چک می‌کنند. فرض کنید دارند نگاه می‌کنند و مطمئن شوید آنچه می‌یابند داستان پورتفولیو را تقویت میکند.
این یعنی حضور جعلی ساختن نه. یعنی با خودتان تناقض نداشتن. پورتفولیویی که شما را طراح سنیور سیستم‌محور جایگاه‌یابی میکند، کنار فید توییتری پر از «تازه وارد طراحی شده‌ام، کسی توصیه‌ای دارد؟» سیگنال متناقض میدهد. راه‌حل یا به‌روزرسانی فید توییتر است یا پذیرفتن اینکه پورتفولیو آرمانی است. هر دو معتبرند. ناهمخوانی نیست.
شکست‌های رایج پورتفولیو
چهار الگو که بیشتر از کار ضعیف پورتفولیو را می‌کشند.
فهرست بی‌پایان پروژه. دوازده پروژه، هیچ‌کدام متمایز نیست، مدیر استخدام از سه‌تای اول رد می‌شود. راه‌حل گزینش است. پنج پروژه که هر کدام بخش متفاوتی از داستان را می‌گوید. اگر پروژه‌ای به یک سؤال مشخص استخدامی پاسخ نمی‌دهد، حذفش کنید.
هیرو بدون سلسله‌مراتب. صفحه اصلی زیبایی که به مدیر استخدام نمی‌گوید اول چه بخواند. راه‌حل: یک پروژه برجسته، یک خط جایگاه‌یابی، همه‌چیز دیگر زیر فولد. بررسی اصول طراحی وب همین قوانین را برای هر لندینگ پیج، از جمله پورتفولیوها، توضیح میدهد.
کیس استادی که تصمیمها را پنهان میکند. دیواری از صفحات نهایی، بدون فرایند، بدون بازتاب. مدیران استخدام چیزی درباره طرز فکر طراح نمی‌فهمند، که کل هدف کیس استادی است. راه‌حل: از ساختار ششبخشی بالا استفاده کنید. با تفکر شروع کنید، با کار پشتیبانی کنید.
سایتی که روی موبایل می‌شکند. سایت‌های پورتفولیویی که روی نمایشگر ۲۷ اینچی کار می‌کنند و روی گوشی از هم می‌پاشند. نیمی از اولین خواندن‌ها روی موبایل اتفاق می‌افتد. پورتفولیویی که آنجا کار نکند، پورتفولیویی است که کار نمی‌کند. الگوهای طراحی واکنش‌گرا که برای هر طراحی وب صادق‌اند اینجا هم صادق‌اند.
به‌روزرسانی پورتفولیو به‌عنوان عادت
پورتفولیویی که هر دو سال یک بار به‌روز می‌شود، روزی که باز می‌شود دو سال کهنه است. راه‌حل، ریتم به‌روزرسانی کوچک و منظم است به جای بازنویسی عظیم در هر نقطه عطف شغلی.
فصلی: یک کیس استادی اضافه یا به‌روز کنید، پروژه برجسته صفحه اصلی را مرور کنید، چک کنید اطلاعات تماس به‌روز باشد.
سالانه: خط جایگاه‌یابی را بازبینی کنید، تصمیم بگیرید پنج پروژه هنوز داستان درست را می‌گویند یا نه، هر چیزی که کهنه شده را بازنشسته کنید.
هر جست‌وجوی شغل: ویرایش تهاجمی. جایگاه‌یابی را برای نقش هدف بازنویسی کنید. صفحه اصلی را طوری بچینید که با مرتبط‌ترین پروژه شروع شود. صفحه درباره من را با هدف فعلی هماهنگ کنید.
اگر برای ساختاردهی کیس استادی‌ها، جایگاه‌یابی سایت، یا فقط استخدام طراح‌هایی که این‌ها را حل کردهاند کمک می‌خواهید، Brainy را استخدام کنید. می‌دانیم پورتفولیوهای سنیور چه شکلی‌اند چون از میان آن‌ها استخدام می‌کنیم.
سوالات متداول
چند پروژه باید در پورتفولیو طراحی باشد؟
حداکثر پنج. دو یا سه پروژه برای پورتفولیوی سنیور کافی نیست. هشت یا بیشتر داستان را رقیق میکند. پنج پروژه که طوری گزین شده‌اند که یک شاخص، یک نشان‌دهنده دامنه، یک پروژه عمق، یک کیس همکاری و یک پروژه شخصی را پوشش دهند، شواهد کافی به مدیران استخدام میدهد بی‌آنکه خسته‌شان کند.
یک کیس استادی پورتفولیو چقدر باید طول داشته باشد؟
آنقدر که داستان تصمیمها را بگوید، و آنقدر کوتاه که مدیر استخدام بتواند در پنج دقیقه مرورش کند. معمولاً ۶۰۰ تا ۱۵۰۰ کلمه برای هر کیس استادی، همراه اسکرینشات و کپشن. کیس شاخص میتواند بلندتر باشد. پروژههای جانبی کوتاهتر میتوانند تا ۳۰۰ کلمه باشند. مهم این است که هر بخش (پیچ، مسئله، رویکرد، کار، نتیجه، بازتاب) حضور داشته باشد.
آیا باید رزومه‌ام را روی سایت پورتفولیو بگذارم؟
اختیاری است. بیشتر پورتفولیوها به رزومه PDF قابل دانلود یا پروفایل لینکدین لینک می‌دهند به جای اینکه رزومه را درون صفحه بگذارند. اگر می‌گذارید، در صفحه‌ای جدا باشد نه صفحه اصلی. صفحه اصلی برای کار است.
اگر لینکدین قوی دارم، باز هم پورتفولیو لازم است؟
بله. لینکدین یک پروفایل است، نه پورتفولیو. لینکدین قوی شما را وارد گفتگو با ریکروتر میکند. پورتفولیو است که مصاحبه می‌آورد. برای هر نقش طراحی بالاتر از جونیور، پورتفولیو غیرقابل مذاکره است.
پورتفولیوی من باید فرایند را نشان دهد یا فقط کار نهایی را؟
هر دو، اما فرایند عامل تمایز است. کار نهایی نشان میدهد میتوانید طراحی کنید. فرایند نشان میدهد چطور فکر میکنید. مدیران استخدامی که از قبل میدانند میتوانید طراحی کنید (به هر شکل پیدایتان کردهاند) کیس استادی را برای فهم تصمیمگیری میخوانند. ساختار ششبخشی کیس استادی هر دو را متعادل میکند.
بزرگ‌ترین اشتباه طراح‌ها در پورتفولیو چیست؟
گزینش بیش از حد سبک. بیشتر پورتفولیوها پروژه زیاد دارند و داستان کافی درباره هیچ‌کدام ندارند. راه‌حل ویرایش بی‌رحمانه است: چهار پروژه را بکشید تا پنج پروژه باقی‌مانده قوی شوند، کیس استادی‌های تصمیم‌محور بنویسید نه گالری، و صفحه اصلی را با یک اثر برجسته قوی شروع کنید نه گریدی از هشت تا.
پورتفولیو یک شرط‌بندی است
هر پورتفولیو بیانیه‌ای درباره این است که بعد از این می‌خواهید با چه کسانی کار کنید. پنج پروژه استدلال‌اند. کیس استادی‌ها شواهدند. صفحه اصلی جمله آغازین است. صفحه درباره من جمع‌بندی.
طوری بسازیدش که انگار شغل بعدی‌تان را روی آن شرط بسته‌اید، چون بسته‌اید. بی‌رحمانه گزین کنید. هر کیس استادی را مثل دفترچه تصمیمها ساختار دهید. فصلی به‌روزش کنید. روی موبایل کارش بیندازید. ایمیلتان را به‌صورت متن ساده بگذارید.
اگر می‌خواهید طراحانی را استخدام کنید که از این معیار گذشته‌اند، یا برای ساخت کیس استادی‌هایی که در سطح سنیور نتیجه می‌دهند کمک می‌خواهید، Brainy را استخدام کنید. پورتفولیو همان درخواست شغل است. مثل یکی‌اش رفتار کنید.
مطالعه بیشتر
- قالب کیس استادی برای طراحان
- راهنمای سیستم‌های طراحی
- طراحی سلسله‌مراتب بصری
- اصول طراحی وب
- UI در برابر UX
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
