графічна ілюстрація сайту портфоліо

Уявіть двох дизайнерів однакового рівня. Обидва роблять сильні роботи, обидва мають сайти-портфоліо, обидва інвестували у їх створення схожі гроші. Але один із них щомісяця отримує 3-5 нових клієнтів прямо з сайту, а другий - жодного за півроку. Роботи в обох однакові. Різниця десь в іншому.

Ця стаття - про те, де саме. Бо портфоліо - не «просто галерея робіт», як звикли думати. Це маленький продавець, який працює 24/7. І поганий продавець губить навіть чудовий товар.

У портфоліо головне - показати рішення задач, а не самі роботи

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

Слабке портфоліо просто показує, що людина зробила. Сильне пояснює, яку задачу клієнта це вирішило. Різниця здається тонкою, але вона визначає все. Уявіть, ви заходите на портфоліо ілюстратора й бачите галерею гарних картинок. Ви милуєтесь і йдете. Тепер представте іншу картину - ілюстрацію з підписом «Обкладинка для книги видавництва N, наклад 5000 екземплярів, продано за перший місяць». Ви вже думаєте про власну задачу.

Тому перше правило: до кожної роботи має бути коротка історія. Не «Проєкт для клієнта X у 2024 році» - це нічого не каже. А «Клієнт запускав другий бренд і не хотів плутанини зі старим - зробили фірмовий стиль, який зчитується як зовсім інша компанія, при цьому обидва бренди від одного власника». Це той самий проєкт, але тепер це історія розв’язання проблеми, а не факт із біографії.

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

Оптимально 5-8 сильних робіт. Портфоліо на 5-8 проєктів продає краще, ніж на 40 середніх: чим більше робіт на сторінці, тим менше уваги отримає кожна. Плюс - велика галерея завжди виявляє нерівність. Три сильні роботи серед двадцяти середніх зменшують сприйнятий рівень до середнього.

І ще - роботи мають бути того типу, який ви хочете продавати далі. Якщо ви робите брендинг для великих компаній, але половину портфоліо займають дитячі ілюстрації з фрилансу студентських років - потенційний B2B-клієнт закриє сайт. Портфоліо - не літопис усього, що ви колись робили. Це виставка того, що ви хочете робити зараз.

Що писати про себе в портфоліо?

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

Клієнт вибирає не тільки роботи. Він вибирає людину, з якою готовий співпрацювати тижні або місяці. Тому сторінка «Про мене» на портфоліо - важливий блок конверсії, а не формальність. Загальні фрази типу «Захоплююсь дизайном з дитинства й люблю каву» не працюють. Працює конкретика: «Спеціалізуюсь на брендингу для tech-стартапів. Працюю без правки в останню хвилину: у нас або чіткий бриф і три раунди правок, або я не беруся». Клієнт після такого одразу розуміє, підходите ви одне одному чи ні.

Один з наших портфоліо-демо - сайт дизайнера з розділом «Про мене», окремими сторінками кейсів і формою замовлень. Це стандартна структура персонального портфоліо, яку ми будуємо для клієнтів: логічний шлях від першого враження до заявки, а не просто «12 картинок і телефон».

Де ставити кнопку «Замовити» в портфоліо?

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

Кнопки контакту або короткі форми мають бути на кожній третій-четвертій секції. Не набридливо, але помітно. Після сильного кейса - лінк «Хочу таку роботу для свого проєкту». Після сторінки «Про мене» - «Готовий обговорити». Після галереї - «Написати мені». Клієнт не має гортати назад до шапки, щоб знайти, як з вами звʼязатися. Він має мати можливість натиснути прямо в момент, коли захотів.

Мобільна версія важливіша за десктопну

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

Мобільна версія має бути головною, а не адаптованою. Це означає: великі фото робіт, помітні кнопки контакту, короткі описи (довгий текст на мобільному не читають), швидка швидкість завантаження. Якщо портфоліо вантажиться 6 секунд - половина людей піде, не дочекавшись.

Чому швидкість портфоліо впливає на замовлення?

Повільне портфоліо втрачає клієнта тричі: він іде до конкурента, не дочекавшись, Google опускає сайт у видачі, а той хто дочекався, уже склав враження «повільно, неохайно».

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

Що робити з цим прямо зараз

Що перевіритиЯк має бути
Кількість робіт5-8 сильних, не 40 середніх
Опис проєктуЗадача клієнта й результат, а не «зробив сайт»
Інформація про себеХто ви, спеціалізація, з ким працюєте
Кнопка зверненняПісля кожного другого-третього проєкту
Мобільна версіяОсновна, більшість дивиться з телефона
ШвидкістьДо 3 секунд, без важких ефектів

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

Якщо відповідь «не зовсім» - у вас є конкретні пункти для роботи. Не переробляти все з нуля, а точково: переписати описи кейсів як історії, зменшити кількість робіт, зробити «Про мене» справжньою, додати кнопки контакту в помітних місцях.

Якщо портфоліо треба зробити з нуля, найближчий формат - сайт-візитка з галереєю робіт: 5-8 сторінок, окремі сторінки під ключові проєкти, форма звернення. Приклад такого рішення - сайт-портфоліо дизайнера.

Скільки робіт має бути на сайті-портфоліо?

5-8 сильних робіт продають краще, ніж 30 середніх. Портфоліо не має бути «повним літописом» - це виставка вашого поточного рівня й тих проєктів, які ви хочете робити далі. Слабкі роботи знижують сприйнятий рівень усього портфоліо.

Чи потрібне портфоліо, якщо я вже маю сторінку в Instagram чи Behance?

Так. Instagram і Behance - це майданчики, де ви гість, і алгоритми диктують, як вас побачать. Власне портфоліо - це майданчик, де ви господар: контролюєте подання робіт, збираєте контакти, тримаєте власну аналітику й не залежите від зміни алгоритмів.

Чим сайт-портфоліо відрізняється від сайту-візитки?

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

Що ефективніше: власний сайт-портфоліо чи професійні платформи типу Behance?

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