Рано чи пізно, в житті кожного дизайнера настає момент коли у нього запитують про його портфоліо. Після цього питання іноді смачна кава набуває якогось такого іншого смаку, і складається враження неначе якась дебіторська служба з банку вимагає у тебе повернути те що ти ніколи і не брав…

Без сумніву, портфоліо має бути, і без усякого сумніву воно має бути гарним, сучасним, яскравим, розумним, і взагалі це обличчя дизайнера, його досягнень і показник його карʼєри. Все це правда, і все воно так. 

З іншої сторони буває так що ти скинув те саме портфоліо на яке витратив купу часу, несеш його показувати тому самому рекрутеру, весь тай гордий за своє досягнення, і таке воно тобі миле і гране, а в кінці отримуєш тишу, або відповідь “ми вирішили рухатися з іншим кандидатом” або після співбесіди тобі говорять що у тебе в портфоліо “мало артефактів”, і ти такий сидиш і думаєш, чи то я дурний чи то кобила не їде ?

В цій статті ми з командою Hoorya.eu , хочемо підняти цю тему, розповісти трошки більше про портфоліо:

• Хто і як читає ваше портфоліо
  
• Залежність портфоліо від вакансії
  
• Структура портфоліо
  
• Розкрутка портфолі
  
• Інструменти для створення портфоліо

Ну шо ДІЗІГНЕРИ, напрягаємо ваши UX мізки, і починаємо поринати у світ несправедливостей, комерцій, в те що одного “гарно” а іншому “какашка”

1.Як рекрутери роблять ревʼю портфоліо. 

Насправді в тому що ваше портфоіло закривається через 5 секунд після того як воно відкрилося, винні дві людини. Перший це рекрутер, другий це найчастіше тімлід. 

Етап 1: Рекрутер - перші 30-60 секунд

Рекрутер це не дизайнер - він не думає вашими категоріями, у нього найчастіше англійська на дуже примітивному рівні,  читати тексти які ви там вишите з обгрунтуваннями він не буде, бо таких як ви у нього там в черзі ще 50 кандидатів. Віне не оцінює pixel-perfect ,він чув про це, але якщо його запитати скоріш за все він не знає що це таке, він не розрізняє шрифти, і він в більшості взагалі не розуміє навіть половини з того що ви там вирішували. 

Його завдання - швидко відсіяти очивидно не підходящих кандидатів. (запавʼятайте це словосполучення, бо що таке не підходящі , і де беруться ті самі підходящі ми будемо розберати далі.)

Що шукає цей рекрутер:

• Професійне перше враження - чисто, структуровано, не хаос
• Релевантність - Якщо ви подаєтесь на вакансію, де потрібна людина яка буде малювати магазин з жіночою білизною, а у вашому портфоліо ідеально вилизані дашборди, і додатки про кріпту, у яких іконки сіяють на чорному фоні як діаманти у небі. Соррі- ви не релевантний кандидат. 
• Базова якість - Чи виглядає це ця робота як робота дизайнера
• Контактна інформація - чи легко з вами звʼязатися
• Recency - Чи активний дизайнер зараз (коли була завантажена остання робота)

Цитую нашого колегу і рекрутера Стаса Поповича: 
“Я витрачаю 45 секунд на портфоліо. Дивлюся: чи є structure, чи релевантні проєкти, чи можу швидко зрозуміти, що людина вміє. Якщо треба гортати 5 хвилин, щоб знайти щось - це автоматичне 'ні'.”

Червоні прапорці для рекрутера:

🚩 Портфоліо важко навігувати (незрозуміла структура)
🚩 Всі проєкти виглядають старими (дати 2-3 роки тому)
🚩 Немає контактів або вони заховані
🚩 Проєкти повністю не релевантні вакансії
🚩 Виглядає як student work, не professional portfolio

Що НЕ оцінює рекрутер:

• Технічну досконалість дизайну
• Глибину research process
• Тонкощі UI decisions
• Design thinking якість

Результат: Якщо рекрутер задоволений, а ваше резюме збігається з тим що ви робили у вашому портфоліо, то ви йдете далі. Але не спішити радіти. За статистикою на одну вакансію джуніор ux/ui дизайнер подаються більше 100 людей, з них 30% пройдуть перший етап. Тобто на наступний етап з вашим портфоліо на стіл до Design Lead , потраплять 30 портфоліо. Як правило цей Design Lead дуже зайнятий, і дуже прискіпливий. Тож давай про нього. 

Етап 2: Design Lead - глибокий аналіз.

Design Lead - тут ваше портфоліо починають дивитися кардинально іншими очима. І несправидливість є в тому, що їм обом відразу вгодити дуже важко. Він буде оцінювати чи зможе ця людина працювати в команді і створювати якісний продукт.

Тут хочу внести трошки порядку, Design Lead в кожному типі компанії буде різний. Якщо продуктова компанія, вона буде шукати дизайнера який буде здатний створювати або приймати участь у створенні продукту. Якщо аутсорс або аутстаф компанія, тут залежить як побудовані дизайн процеси в середині. Часто буває що на проекті працює лише один дизайнер, в інших компаніях 5 дизайнерів може бути на проекті. Якщо це дизайн агенція , оцінювати вас будуть вже за іншими параметрами. Тому дивіть куди ви відправляєте своє портфоліо. Якщо ви Джун, а саме для вас джуни ця стаття, ми радимо вам подаватися в аутсорс або аутстаф компанії, там простіше пройти, і проекти дуже різні і їх багато.

Шо шукає Design Lead:

• Design thinking - Почитайте що це (але думаю ми про це напишемо), і старайтесь це показувати в портфоліо.
• Process - research → ideation → iteration → validation
• Decision-making - Чому вирішили діяти саме так, а не інакше
• Problem-solving - Розуміння проблеми користувача, бізнес задачі.
• Communication - чи можете ви просто і лаконічно пояснювати свої рішення.
• Growth potential - чи вчитеся ви на помилках

З власної практики:

Часто рекрутери відсіюють всіх підряд, з 200 виживають 15-18 людей. Мені важливо зрозуміти як думає кандидат, чи розуміє він чому саме він прийняв ці рішення, чи може артикулювати trade-offs? Джуни, які показують thinking process - це золото. Я можу навчити як виконувати задачу, але не можу навчити думати.

На що зверне увагу design lead

1. Research quality:

• Чи проводили ви user interviews? (3-5 це добре, це до речі і є ті самі артефакти, які потім можна показати на співбесіді)
• Чи є concrete insights з research?
• Чи пов'язані design decisions з research findings?

2. Iterations

• Чи показані версії 1.0, 2.0, 3.0?
• Чи є пояснення, що змінилося і чому?
• Чи тестував з users і incorporated feedback?

3. Trade-offs awareness

• Чи розуміє, що кожне рішення має pros & cons?
• Чи може пояснити, чому обрав A over B?
• Чи чесний про обмеження свого рішення?

3. Business thinking

• Чи розуміє business goals, не тільки user needs?
• Чи може articulate impact (metrics, outcomes)?
• Чи думає про scalability, feasibility?

Червоні прапорці для design lead:

🚩Тільки final polished screens (немає process)

🚩Generic пояснення ("синій = trust", без даних)

🚩Copying Dribbble trends без критичного осмислення

🚩Відсутність обґрунтування рішень

🚩Нереалістичні проекти без constraints

Результат: Якщо design lead Зачарований хоча б 60% з того що тут написано, вас запросять на співбесіду. 

Інсайт для портфоліо:

Висновок: Рекрутер має швидко побачити, що ви компетентні. Design lead має глибоко побачити, що ви як думаєте чи думаєте взагалі.

2.Структура портфоліо: Що показувати і як

Часте запитання, яке хвилює багатьох, чи потрібно показувати все що я робив, чи потрібно додавати постійно щось нове, чи потрібно робити анімації ? 

Давайте спробуємо розібратися, ми вже знаємо хто і як дивіться портфоліо, тож не думаю що гортати ваші 10 проектів рекрутеру буде приносите окреме задоволення. Обмежтесь 2-4 проекти, більше просто немає сенсу. Банальних причин декілька, сама проста це займає занадто багато часу то все гортати, 80% рекрутерів будуть дивитися лише перший проект, якість краща за кількість.

Перший проект який є у вас у портфоліо має справляти найсильніше враження. Якщо ваш перший проект слабкий, або не релевантний вакансії на яку ви притендуєте, портфоліо закривають. 

Тепер згадайте скільки разів ви відправляли портфоліо, і скільки разів ваше портфоліо не було релевантним до проектів на які ви відправляли своє резюме. Тепер можете уявити що таких як ви по 100 людей, і уявіть що всім вам рекрутер має написати чому ви не підійшли. Саме тому часто рекрутери не відписують, брак часу…

Рекомендована структура

Цю структуру ми рекомендуємо для джунів, багато чого вона буде залежати від вашого виконання, але виглядає вона приблизно так.

Тепер про те що писати в кожній секції:

1. Problem statement: [Ціль аудиторія] не може [зробити дію], тому що [причина]. Це призводить до [негативний результат]

• Research insights: 

1. Finding: [Що виявили]
2. Evidence: [Цитата або дані]
3. Implication: [Що це означає для дизайну]

3. Design decisions:

Decision: [Що зробили]

Alternatives: [Що ще розглядали]

Rationale: [Чому обрали це]

Trade-offs: [Що пожертвували]

3. Приклади портфоліо на які ми радимо звернути увагу:

1. Athlevo | Athletic App | UX/UI Case study

Автор: Multiple creators

Перегляди: 89K+ | Appreciations: 4.9K+

Чому варто глянути:

• Показує повний process від research до validation

• Чітка структура case study

• Візуально привабливий і професійний

• Є обґрунтування дизайн-рішень

Посилання: behance.net/gallery/215604685/Athlevo-Athletic-App-UXUI-Case-study

2. Rebank - digital bank app - ux/ui

Автор: Collaborative project

Перегляди: 70K+ | Appreciations: 5.2K+

Чому варто глянути:

• Інноваційний підхід до фінтех продукту

• Яскрава візуальна подача з ілюстраціями

• Логічна послідовність: research → branding → screens

• Чудовий приклад thinking outside the box

Посилання: https://behance.net/gallery/176160923/rebank-digital-bank-app-uxui

3. Mykhailo Guba - UX/UI

Перегляди: 17.2K+ | Appreciations: 2K+

Чому варто глянути цей профіль:

• Відмінні приклади портфоліо з повним UX process

• Три різноманітних проєкти, що демонструють versatility

• Чітка структура case studies відповідно до рекомендацій

Посилання: https://www.behance.net/aimotiondeae76

4. Які проекти покласти у портфоліо?

Портфоліо може сформуватися по різному, це може бути ваш проект який ви самі собі вигадили в голові і зробили, це може бути реальний проект з фріланса. Спробую розповісти вам декілька тонкошів які перевернуть ваш погляд на формування портфоліо. 

Як замовник може псувати ваше портфоліо?

Коли я починав карʼєру дизайнера у далекому 2008, я зіштовхнувся з такою проблемою, замовник який тобі заплатив гроші за сайт визитівку оренди тракторів довольний як слон, ти зробив 100500 правок у фотошопі, тобі вже самому той проект почав подобатися так що вже бачиш як береш той трактор в оренду, усе ну просто класно, і ти додаєш свій проект у портфоліо. Потім ти відправляєш портфоліо до іншого замовника, а йому взагалі не подобається. І ти не розумієш, один був задоволений, а другий каже шо то все взагалі не то.

Якось я вирішив провести експеремент, і скинув замовнику не той макет який затвердили і оплатили, а той макет який був перший, який подобався мені. О Чудо! Ми зійшлися, і я отримав замовлення. 

Чому вчить ця історія: Людина яка вам платить впливає на кінцевий результат, який потім іде до вашого портфоліо. І якщо тому хто заплатив за цю роботу результат сподобався, то от інші мають трошки інакшу думку.  Тому для портфоліо, інколи варто перемальовувати проекти окремо, в особливості цей кейс стосується фрілансерів. 

Поганий але релеваний кейс краще ніж гарний нерелеваний

Ми вже говорили що релевантність дуже важлива, індустрії зараз дуже розвиваються і деталей справді багато. Я наприклад повністю не підтримую думку про те що потрібно дивитися на релевантні кейси у сіньйор дизайнерів або лідів, особливо це стосується людей які почали свій шлях до 2013 року, повірте мені, ці люди зробили дуже багато проектів у своєму житті, від сайту горішків у яких мали посадити рослини на марсі, до великих FinTech проектів на 800 сторінок. 

Але якщо ви тільки починаєте або нещодавно почали свій шлях, рекомендую вам працювати над тим доменом який вам більше до душі. Якщо ви маєте профільну економічно освіту, знаєте процеси на підприємстві але вирішили бути дазайнером, працюйте з SAAS проектами саме для підприємств, якщо ви маркетолог, шукайте проекти повʼязані з продуктами для маркетологів, все дитинство провели з лопатою копаючи бульбу на городі, пробуйте робити аграрні продукти, краще за вас там ніхто не розбереться, бо дизайне це про те як воно працює, виглядає то вже потім, хоча це важливо. 

Коли ви твердо зрозуміли що ви наприклад хочете працювати у домені FinTech, бо на парах з фінансового права замість лекцій ви малювали різну муть на полях зошита. Візьміть одну - три конкретних проблеми, нприклад доступність, опишіть її, наприклад банківський додаток  у якому є проблема що незрячі люди погано з ним взаємодіють, і вперед. Робіть цей кейс, оформлюйте його, і шукайте компанію якій його можна продати, надсилайте резюме, портфоліо, і акцентувати на тому що ви Джуніор але в протоколі WCAAG , ви добре розбираєтеся і здатні покращити ті FinTech продукти які робить ця компанія. 

5. Розкрутка портфоліо: Як його побачать

Після того як портфоліо готове, не думайте що ви вже на коні, попереду у вас є ще один барʼєр і називається він упереджувальність. 

Упередженість це дуже вагомий ворог вашого портфоліо, часто рекрутери дивляться не на роботу, а на кількість лайків на біхайнсі, тому якщо ви вирішили публікувати вашу роботу саме там, у вас є деякі проблеми.  Іноді я бачив як відверто цікаві рішення завертаються із за того що рекрутер думає що якщо там мало лайків то робота погана.

Створили портфоліо це 50% роботи, інші 50% - зробити так щоб його побачили. 

Стратегія 1: Оптимізація платформ

Стратегія 2: Content marketing

Створіть свій LinkedIn/Medium, наберайте підписників, пишіть пости про те як ви вирішували ту чи іншу проблему яку ви показуєте в своєму портфоліо, росказуйте про це, і показуйте це. Бо ніхто про вас не знає і не дізнається якщо ви будете мовчати.  Пишіть 1-2 рази на тиждень.

Стратегія 3: Networking (критично важливе)

80% Junior позицій не публікуються відкрито. Вони заповнюються через referrals. Шукайте дизайнерські спільноти, заводьте переписки з тими людьми хто пише вам коментарі, дискутуйте. Але не спамьте, давайте фідбеки іншим, діліться інсайтами з вашого досвіду, і дякуйте за поради, в незалежності від того чи була вона корисна вам. Ваша мета, це створити знайомства і нетворкінг, та посилити вашу присутність і видимість. 

Стратегія 4: Targeted applications

Не шліть 100 однакових резюме на всі вакансії ux/ui які ви бачите.

Краще 20 персоналізованих резюме з конкретними мотиваційними листами, ніж  спам всім підряд. 

Як персоналізувати своє резюме ?

1.Вивчіть компанію

2.Знайдіть що у вашому портфоліо релевантно і цінно для них

3. в ковер летері напишіть "У моєму case study про [project] я працював над [problem similar to yours]. Ось як це релевантне для [their product]..."

Це точно спрацює, це не буде швидким процесом, Якщо в описі вакансії згадується доступність (accessibility), обов'язково підкресліть відповідні аспекти у своїх проектах в портфоліо.

6. Інструменти для створення портфоліо

Behance

Ціна: Безкоштовно

Для кого: Junior без budget, хоче швидко розпочати

Cargo

Ціна: $13/міс або $99/рік

Для кого: Designers, які хочуть custom look, готові платити

Webflow

Ціна: $14/міс (Basic), $23/міс (CMS)

Для кого: Designers з часом навчитися, хочуть повний control

Notion

Ціна: Безкоштовно (Personal plan)

Для кого: Quick start, tight budget, prefer simplicity

WordPress (self-hosted)

Ціна: WordPress: безкоштовно,Hosting: $5-15/міс (Bluehost, SiteGround),Domain: $10-15/рік,Theme: $0-60 (one-time)

Для кого: Технічно savvy, хочуть full control, планують blog

Порівняльна таблиця

*Потребує Adobe CC subscription ($55/міс)

Якщо ви:

• Студент / tight budget: → Behance або Notion (безкоштовно, швидко)
• Junior з першим портфоліо: → Cargo або Webflow (баланс ease + custom)
• Маєте technical skills: → Webflow або Framer (повна свобода)
• Плануєте blog + portfolio: → WordPress (scalability)
• Хочете максимально швидко: → Notion (30 хвилин setup)
• Готові витратити час на навчання: → Webflow або Framer (варто інвестувати)

Резюмуємо:

Якщо у вас є час розібратися як створити свій власний сайт портфоліо, почніть краще з цього. Це більше цінується як рекрутерами так і дизайн лідами. Ви точно запамʼяиаєтесь та будете поміченими і майже гарантовано отримаєте запрошення на співбесіду. В довгостроковій перспективі ви точно виграєте від сайту, з дуже багатьох причин. 

7. FAQ

Скільки проєктів має бути в портфоліо?

2-4 сильних проєкти. Не більше. Якість завжди важливіша за кількість. Рекрутери витрачають 45 секунд - кожен проєкт має рахуватися.

Чи можу я показувати пет-проєкти (не комерційні)?

Так! 80% Junior portfolios містять self-initiated projects. Покажіть повний process (research, iterations, validation), Оберіть конкретну нішу (не generic "food delivery app"), Додайте real user research (навіть якщо це 5 друзів)

Що робити, якщо я під NDA і не можу показати роботу?

Опишіть проєкт без specifics: "Redesign onboarding для fintech app (NDA), target audience 25-40, achieved 23% increase in completion rate" Покажіть process artifacts (wireframes, research notes) без branding, Створіть case study з generic mockups (замість real brand

Як часто оновлювати портфоліо?

Кожні 2-3 місяці - review. Додавайте нові strong проєкти, видаляйте старі weak. Регулярність показує активність.

Чи потрібен власний сайт або достатньо Behance?

Для Junior: Behance достатньо для старту. Власний сайт (Cargo/Webflow/Framer) дає: Більше control над presentation

Виділяє вас від candidates з standard Behance, Показує додаткові skills (якщо самі зробили)

Чи має портфоліо бути англійською?

Залежить від того, куди подаєтеся: Українські компанії: українська ОК (але English - plus) Міжнародні компанії: обов'язково English Recommendation: Зробіть дві версії або bilingual portfolio

Що важливіше: кількість проєктів чи якість одного?

1 проєкт з повним documented process > 5 проєктів тільки з final screens.

Висновок

Портфоліо це показ того як ви думаєте, які рішення приймаєте і чому, кожна робота має розповідати історію за якою стоять конкретні показники. 

Памʼятайте що вам потрібно розуміти вашу аудиторію у який рекрутер шукає професіоналізм, і дизайн лід шукає те як ви мислите. Саме тому структура вашого портфоліо ває значення. Працюйте над своєї видимістю в інтернеті, вчіться створювати цінний контент, люди це оцінять. 

Login

Label

{} [+]

Name*

Email*

Website

Label

{} [+]

Name*

Email*

Website

0 Коментарі

Oldest

Newest Most Voted

Inline Feedbacks

View all comments

Ваш коментар Cancel reply

Your email address will not be published. Required fields are marked *

Name*

Email*

Save my name, email, and website in this browser for the next time I comment.