Ваш бос думає, що шаблон — це нормально. Ось як довести, що це не так.

Підсумок

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

Ваше портфоліо — це не особистий брендинг. Це документ для закупівель.

Клієнт із бюджетом і дедлайном потрапляє на вашу сторінку, і протягом секунд вирішує, чи ви один із трьох людей, яким він зателефонує. Анімація, на яку ви витратили вихідні, не допомагає. Хитромудрий текст про себе не допомагає. Допомагає швидка відповідь на три запитання: Що ви робите? Ви хороші? Як вас найняти?

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

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

Тест п’яти секунд

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

Що ви робите? Ваш заголовок і перше зображення мають говорити «ми робимо X», а не «ми креативні». Якщо ви студія, яка розробляє пакування для харчових брендів, скажіть це. Спеціаліст із закупівель хоче викреслити вас зі списку, а не розшифровувати абстрактний слоган.

Ви хороші? Саме тут має значення ваша добірка. Відвідувач судитиме про вас за першим екраном робіт. Якщо ваша найсильніша робота на п’ять зображень нижче, вони ніколи до неї не дістануться.

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

Що потрібно відвідувачу	Що дає типове портфоліо
Чітка категорія в першому реченні	Загадковий слоган на кшталт «Ми розповідаємо історії»
Кілька сильних робіт для оцінки за п’ять секунд	Кожен проєкт, який ви зробили з моменту, як взяли до рук камеру
Видимий спосіб розпочати розмову	Контактна форма за меню або електронна пошта у футері

Роздрукуйте цю таблицю. Вона стане вашим технічним завданням на дизайн.

Чим вужча добірка, тим більше клієнтів ви отримуєте

Тепер найважче скорочення.

У вас є сорок зображень за три роки роботи. Всі вони хороші. Бос каже: «Покажіть усе, що ми зробили, щоб клієнти бачили наш діапазон». Тож ваш сайт перетворюється на музей. А музей — це неправильна модель продажу.

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

Решта ваших робіт не зникає. Вони переходять на сторінку архіву з посиланням у футері або скорочуються. П’ять робіт — це вхідні двері. Все інше — це сховище.

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

Те саме стосується команди. Агентство з трьох осіб має обрати п’ять головних проєктів, які визначають його позиціонування. Решта йде на сторінку «Всі роботи». Коли ви аргументуєте це босу, нагадайте йому, що вужча добірка займає менше часу для завантаження та менше часу на обслуговування.

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

Швидкість — це не функція, це фільтр

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

Ваш бос скаже: «На моєму комп’ютері все нормально». Але особа, яка приймає рішення, — на телефоні, на зустрічі, зі слабким сигналом. Якщо ваш сайт завантажується більше кількох секунд, або текст надто дрібний, а галерея ламається на мобільному, ви відфільтрували себе зі списку кандидатів.

Це не думка. Рекомендації від Pixieset, компанії, яка створює інструменти для портфоліо фотографів, наголошують, що фотопортфоліо має робити галереї легкими для навігації, чітко показувати контактну інформацію та швидко завантажуватися. Багато посібників для творчих портфоліо називають оптимізацію зображень і адаптивність для мобільних пристроїв обов’язковими.

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

Дизайн для переглядача, а не для критика

У вас є, можливо, хвилина уваги. Не витрачайте її на довгі есе. Подивіться на текст вашої головної сторінки. Там написано «Ми — мультидисциплінарний колектив» чи «Ми розробляємо пакування для харчових брендів»? Другий варіант перемагає.

Для кожного проєкту напишіть один короткий абзац, який розповідає читачеві, що бачити. Думайте про це як про підпис, який продає: «Ребрендинг для мережі кав’ярень, якій потрібно було залучити молодшу аудиторію. Ми зробили позиціонування, айдентику та запуск магазину». Це історія. Вона говорить клієнту, що ви можете вирішити його проблему.

І не використовуйте модні назви на кшталт «work_01_final_v2». Назвіть проєкт справжнім ім’ям. Контекст має значення.

Покажіть процес, а не лише гарну картинку

Одне фінальне зображення не розповідає клієнту, як ви працюєте. Додайте два-три кадри процесу: ескіз, вайрфрейм, фото зі зйомки. Це той матеріал, який відповідає на запитання «ви хороші?» доказами. Це показує, що у вас є метод. Саме це клієнт насправді купує.

Але обмежтеся максимум трьома зображеннями. Ви не створюєте документальний фільм про закулісся.

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

Також час від часу додавайте цитату клієнта. Речення від клієнта проєкту — з іменем і компанією — варте більше, ніж абзац вашої власної писанини. Це зовнішній доказ. Вам не потрібна сторінка відгуків; вставте один рядок у кожну сторінку проєкту.

Головна сторінка — це білборд, а не альбом

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

Розмістіть одне головне зображення — вашу найкращу єдину роботу — і заголовок. Під ним три-чотири мініатюри з обраної п’ятірки. Це все. Головна сторінка — це білборд; вона вказує на галерею.

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

Зробіть заклик неможливо пропустити

Тепер про найприкріший недолік.

Візьміть будь-яке портфоліо на популярній платформі. Красиві роботи, елегантний макет. Але щоб зв’язатися з автором, потрібно прокрутити до футера, натиснути посилання «Інформація», а потім шукати електронну пошту. Скільки запитів отримує цей автор? Частку від того, що міг би. Робота переконала відвідувача. А потім сайт втрачає їх на фінішній прямій.

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

Виправте це. Розмістіть видиму кнопку контакту на кожній сторінці — праворуч угорі, зручну для великого пальця, завжди поза межами гамбургер-меню. Якщо ви фрилансер або студія, яка бере проєкти, розгляньте можливість додати один рядок «Ціни від $X» або «Від $X» угорі. Не кожен клієнт хоче це бачити, але ті, хто поспішає, відберуться самі, а інші все одно запитають. У посібнику Pixieset для фотографічних веб-сайтів портфоліо контактна інформація та ціни спеціально зазначені як ключове міркування для фотографів.

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

Як виграти суперечку за бюджет

Тепер ви знаєте, як виглядає гарне портфоліо. Ось як змусити боса заплатити за нього.

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

По-перше, кількісно оцініть ставки мовою боса. Прийдіть на наступну зустріч із таким абзацом:

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

Вам не потрібна точна аналітика. Вам потрібно пов’язати поведінку сайту з грошима.

По-друге, не обіцяйте конкретного коефіцієнта конверсії. Числові обіцянки — це спосіб втратити довіру. Обіцяйте процес: «Ми запустимо легку версію, виміряємо, скільки відвідувачів із нами зв’яжуться, а потім удосконалимо на основі даних». Так ви заробляєте довіру.

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

Контрінтуїтивна правда: вартість — це не сам веб-сайт. Вартість — це веб-сайт, який провалює свою єдину роботу. Витрачайте гроші на виправлення цієї роботи, а не на прикраси. Щойно ваш сайт відповість на три запитання, він починає діяти як магніт для клієнтів, а не як статична галерея.

Що зробити цього тижня

Ви можете зробити все це за вихідні, не просячи бюджету:

1. Скоротіть до п’яти робіт, які визначають тип, для якого ви хочете, щоб вас наймали.
2. Перепишіть перше речення вашої головної сторінки, щоб воно точно говорило, що ви робите, з вашою нішею.
3. Додайте кнопку «Контакти» або «Працюйте з нами» у верхній правий кут кожної сторінки.
4. Стисніть кожне зображення — зменшіть розмір, видаліть метадані, збережіть із якістю 80% (або просто використайте інструмент стиснення).
5. Відкрийте сайт на телефоні. Якщо навігація — це гамбургер, винесіть кнопку контакту за його межі.
6. Додайте один рядок про ціни, якщо ви фотограф або фрилансер.

Це не редизайн. Це екстрена операція. Ви можете використовувати платформу, за яку вже платите. Можливо, вам взагалі не доведеться просити більше бюджету. Це нормально. Бос має право сказати «ні», і ви все одно виграєте.

Робота не закінчується запуском

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

Повний план запуску дивіться в нашому покроковому редизайні портфоліо.

Висновок

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

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