Ваш босс считает, что шаблона достаточно. Вот как доказать обратное.

Summary

Ваше портфолио — это не личный бренд, а документ для закупок, который должен мгновенно ответить на три вопроса: что вы делаете, насколько вы хороши и как вас нанять. Большинство креативных портфолио терпят неудачу, потому что прячут эти ответы под галереей из всех ваших работ. Эта статья покажет вам, как сократить работы до сфокусированной подборки, сделать скорость и мобильную доступность обязательными и выдвинуть заметную кнопку контакта перед каждым посетителем. Также вы получите бизнес-аргумент, чтобы убедить нетехнического босса, что слабый сайт — это реальная цена.

Ваше портфолио — это не личный бренд. Это документ для закупок.

Клиент с бюджетом и дедлайном попадает на вашу страницу, и в течение секунд решает, один ли вы из тех троих, кому он позвонит. Анимация, на которую вы потратили выходные, не помогает. Забавный текст «Обо мне» не помогает. Помогает быстрый ответ на три вопроса: Что вы делаете? Вы хороши? Как вас нанять?

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

Эта статья дает вам лучший аргумент. А также конкретные изменения, которые превращают галерею в инструмент продаж: сокращения, сжатие изображений, добавление контактных данных и способ говорить об этом так, чтобы нетехнический босс понял. Начните с того, что меняет всё.

Тест на пять секунд

Проведите это упражнение на следующем совещании. Представьте сотрудника отдела закупок в компании среднего размера. Ему поручили найти фотографа для предметной съемки. Он открывает ваш сайт на телефоне, пока начинается другое совещание. Он листает. Он не любуется вашим макетом. Он ищет три ответа.

Что вы делаете? Ваш заголовок и первое изображение должны говорить «мы делаем X», а не «мы креативны». Если вы студия, которая разрабатывает упаковку для брендов продуктов питания, скажите это. Сотрудник закупок хочет вычеркнуть вас из списка, а не разгадывать абстрактный слоган.

Вы хороши? Здесь важно то, как вы отобрали работы. Посетитель будет судить о вас по первому экрану работ. Если ваша самая сильная работа находится на пять изображений ниже, он до нее не дойдет.

Как вас нанять? Посмотрите на ваш сайт прямо сейчас. Есть ли кнопка «Контакты» в верхней навигации? Или ваш email спрятан в подвале? Если нужно прокрутить один раз — вы потеряли людей.

Что нужно посетителю	Что обычно дает типичное портфолио
Четкая категория в первом предложении	Загадочный слоган вроде «Мы рассказываем истории»
Несколько сильных работ для оценки за пять секунд	Каждый проект, который вы сделали с тех пор, как взяли в руки камеру
Заметный способ начать разговор	Контактная форма за меню или email в подвале

Распечатайте эту таблицу. Она станет вашим брифом на дизайн.

Чем короче подборка, тем больше клиентов

Теперь самое трудное сокращение.

У вас сорок изображений за три года работы. Все они хорошие. Босс говорит: «Покажите всё, что мы сделали, чтобы клиенты видели наш диапазон». И ваш сайт превращается в музей. А музей — это неправильная модель продаж.

Вот что происходит на самом деле: человек, просматривающий портфолио, запоминает самое слабое изображение, а не самое сильное. Один обычный снимок закрадывает сомнение, которое распространяется на остальные. Ваши лучшие работы тонут. Если вы хотите, чтобы вас нанимали для съемки еды, покажите пять фотографий еды — даже если ваши пейзажи технически лучше. Тогда вы в сознании посетителя станете тем самым фотографом еды.

Остальные работы не исчезают. Они перемещаются на страницу архива со ссылкой в подвале или удаляются. Пять работ — это входная дверь. Всё остальное — склад.

Это решение о продажах, а не творческое заявление. Ваш босс хочет впечатлить клиентов. Впечатлить их — значит дать им увидеть специалиста. Диапазон хорош в заявлении художника. При принятии решения о найме это недостаток.

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

Более полный аргумент приведен в нашей статье о мифах о портфолио, которые стоят вам клиентов. Прочитайте её, прежде чем спорить.

Скорость — это не функция, а фильтр

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

Ваш босс скажет: «На моем компьютере всё нормально». Но лицо, принимающее решение, находится в телефоне, на совещании, со слабым сигналом. Если ваш сайт загружается дольше пары секунд, или текст мелкий, а галерея ломается на мобильных, вы сами отсеиваете себя из шорт-листа.

Это не мнение. Рекомендации по портфолио от Pixieset, компании, которая создает инструменты для портфолио фотографов, подчеркивают, что портфолио фотографа должно облегчать навигацию по галереям, четко отображать контактную информацию и быстро загружаться. Многие руководства для креативных портфолио называют оптимизацию изображений и мобильную адаптивность обязательными.

Итак, сжимайте изображения. Измените размер длинной стороны примерно до 2000 пикселей, прогоните их через компрессор, который удаляет метаданные, и вы резко уменьшите размер файла без видимой потери качества. Затем посмотрите на свой сайт на телефоне. Если навигация — это гамбургер-меню, вынесите кнопку «Контакты» за его пределы и поместите туда, куда естественно попадает большой палец: вниз экрана или в центр справа. Большой палец не дотягивается до верхнего правого угла.

Дизайн для беглого просмотра, а не для критика

У вас есть, возможно, минута внимания. Не тратьте её на длинные эссе. Посмотрите на текст вашей главной страницы. Там написано «Мы — мультидисциплинарный коллектив» или «Мы разрабатываем упаковку для брендов продуктов питания»? Второе побеждает.

Для каждого проекта напишите один короткий абзац, который говорит читателю, на что смотреть. Думайте об этом как о продающей подписи: «Ребрендинг для сети кофеен, которой нужно привлечь более молодую аудиторию. Мы занимались позиционированием, айдентикой и запуском магазина». Это история. Она говорит клиенту, что вы можете решить его проблему.

И не используйте модные названия вроде «work_01_final_v2». Называйте проект настоящим именем. Контекст важен.

Покажите процесс, а не только красивую картинку

Одно финальное изображение не говорит клиенту, как вы работаете. Добавьте два-три кадра процесса: набросок, вайрфрейм, фото со съемки. Это то, что отвечает на вопрос «вы хороши?» доказательствами. Это показывает, что у вас есть метод. Именно это клиент на самом деле покупает.

Но ограничьтесь максимум тремя изображениями. Вы не создаете документальный фильм о закулисье.

Для команды это крайне важно. Клиенты нанимают ваши навыки совместной работы. Покажите краткий фрагмент заметок со стартовой встречи или таймлайн. Немного, просто чтобы показать профессионализм.

Кроме того, добавляйте отзыв клиента то тут, то там. Одно предложение от клиента проекта — с его именем и компанией — стоит больше, чем абзац ваших собственных слов. Это внешнее доказательство. Вам не нужна страница с отзывами; вставьте одну строку в страницу каждого проекта.

Главная страница — это рекламный щит, а не альбом

Частая ошибка — размещать на главной странице карусель из последних двадцати работ. Вот сценарий: посетитель заходит, видит вращающийся слайд-шоу и вынужден ждать, пока текущее изображение сменится. Это задержка, а задержка — это потерянный посетитель. Эти данные не секрет: каждый лишний шаг стоит вам процента аудитории.

Поместите одно главное изображение — вашу единственную лучшую работу — и заголовок. Под ним три-четыре миниатюры из выбранных пяти. Вот и всё. Главная страница — это рекламный щит; она указывает на галерею.

Если ваш босс любит карусель, объясните это так: «У рекламного щита одно сообщение. Мы сделаем это сообщение самым убедительным, что у нас есть». Обычно это срабатывает.

Сделайте призыв невозможным не заметить

Теперь о самой болезненной утечке.

Возьмите любое портфолио на популярной платформе. Красивые работы, элегантный макет. Но чтобы связаться с автором, нужно прокрутить вниз, нажать ссылку «Информация» и затем искать email. Сколько запросов получает такой автор? Долю от того, что мог бы. Работа убедила посетителя. Сайт затем теряет его на финишной прямой.

Принцип прост: шаг контакта — это место, где портфолио дают течь. Вы уже проделали тяжелую работу, доказывая, что вы хороши. Затем вы заставляете посетителя работать, чтобы начать разговор. Последний барьер — тихий убийца.

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

Вот правило: каждая страница заканчивается словами «Контакты» или «Забронировать звонок». Даже страница 404. Если посетителю нужно открыть меню, чтобы найти вас, вы его потеряли.

Как выиграть спор о бюджете

Теперь вы знаете, как выглядит хорошее портфолио. Вот как заставить босса заплатить за него.

Ваш босс отклоняет предложения из-за риска. Новый сайт — это затраты с неопределенной отдачей. «Я хочу лучший дизайн» — это не бизнес-обоснование. Переформулируйте.

Во-первых, оцените ставки на языке босса. Придите на следующее совещание с таким абзацем:

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

Вам не нужна точная аналитика. Вам нужно связать поведение сайта с деньгами.

Во-вторых, не обещайте конкретный коэффициент конверсии. Числовые обещания — это способ потерять доверие. Обещайте процесс: «Мы запустим облегченную версию, измерим, сколько посетителей свяжутся с нами, а затем улучшим на основе данных». Так вы заслужите доверие.

В-третьих, дайте боссу возможность отступить. Если босс говорит «у нас нет бюджета», согласитесь, что вам не нужен сайт, созданный на заказ. Хорошо настроенный шаблон на быстром хостинге может выполнить задачу, если вы исправите подборку и кнопку контакта. Шаблон — не враг. Медленная загрузка, слабая подборка и скрытая контактная информация — вот враги. Шаблон с исправленными этими тремя вещами превосходит индивидуальную разработку, которая их игнорирует.

Парадоксальная истина: затраты — это не сайт. Затраты — это сайт, который не выполняет свою единственную задачу. Потратьте деньги на исправление этой задачи, а не на украшения. Как только ваш сайт ответит на три вопроса, он начнет работать как магнит для клиентов, а не как статичная галерея.

Что сделать на этой неделе

Всё это можно сделать за выходные, не прося бюджет:

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

Это не редизайн. Это экстренная операция. Вы можете использовать платформу, за которую уже платите. Возможно, вам вообще не придется просить дополнительный бюджет. Это нормально. Босс может сказать «нет», и вы все равно выиграете.

Работа не заканчивается запуском

Ваше портфолио — это живой документ продаж. Раз в квартал удаляйте работу, которая вызвала наименьшую реакцию, и заменяйте её новой. Добавляйте кейс, который описывает проблему, решенную для клиента, а не только то, что вы сделали. Повторяйте телефонный тест. Как только вы начнете относиться к портфолио как к движущейся цели, вы будете опережать каждого коллегу, который запустил своё и забыл о нем.

Полный план запуска — в нашем пошаговом редизайне портфолио.

Заключение

Вернитесь к вступительному утверждению. Ваше портфолио — это не личный бренд. Это документ для закупок. Большинство сайтов-портфолио терпят неудачу не потому, что они уродливые, а потому, что относятся к посетителю как к художественному критику, а не как к занятому человеку с проблемой, которую нужно решить.

Исправьте три вопроса. Отсеките лишние работы. Сожмите изображения. Сделайте контакт очевидным. Объясните боссу с точки зрения потерянных денег, а не потерянной эстетики. И тогда вы никогда не услышите «просто используйте бесплатный шаблон» в том же смысле снова.