Сайт-портфолио для мастера и студии: как показать работы так, чтобы после просмотра оставляли заявку

Почему портфолио смотрят, а заявок не оставляют

Мы разбираем сайты мастеров и студий и видим повторяющуюся картину. Работы хорошие. В Метрике люди листают галерею по несколько минут. Заявок почти нет. Причины обычно такие:

1. Нет контекста. Фото кухни без подписи. Человек не знает, это 6 метров или 16, массив или ЛДСП, 200 000 ₽ или 900 000 ₽.
2. Нет цены даже ориентиром. Человек боится, что «такое» ему не по карману, и не пишет, чтобы не услышать неприятную сумму.
3. Всё в одной куче. Свадьба на 30 гостей рядом со свадьбой на 300, маленький эскиз тату рядом с рукавом. Человек не находит своё.
4. Кнопка только внизу. Пока человек долистает до формы, он уже ушёл на другой сайт сравнивать.
5. Нет вас. Ни лица мастера, ни команды, ни слов от первого лица. Клиент выбирает человека, которому доверит деньги и квартиру, а видит каталог картинок.

Каждая из этих причин исправляется подачей. Новые работы для этого не нужны.

Как подать работу кейсом: схема «задача → решение → цена»

Каждая работа в портфолио — это ответ на вопрос «что вы сделаете для меня». Для этого рядом с фото нужно 4–6 строк текста.

Так это работает в разных нишах:

• Мебель на заказ: размеры, материал фасадов, фурнитура, цена, срок изготовления.
• Тату: зона, размер в сантиметрах, сколько сеансов, ориентир цены за работу такого размера.
• Свадьбы и события: количество гостей, площадка, что входило в организацию, бюджет вилкой.
• Дизайн и веб: что было до, какая была цель, что изменилось после. Цифры результата — только если они есть и клиент разрешил.

Если цену конкретного проекта показывать нельзя, дайте вилку для похожих работ: «Проекты такого объёма — 250 000–400 000 ₽». Это честно и снимает барьер. Как написать развёрнутый кейс для отдельной страницы, разобрали в статье как написать кейс для сайта.

Сколько работ показывать

Больше — не значит лучше. Человек оценивает портфолио по средней работе, которую увидел, и запоминает худшую.

Ориентиры:

• 12–30 работ для мастера или небольшой студии. Этого хватает, чтобы показать диапазон и не утомить.
• 5–8 работ на категорию, если категорий несколько.
• 3–5 работ развёрнутыми кейсами с историей, этапами и отзывом. Остальные — карточками с короткой подписью.
• Свежие наверху. Если последняя работа датирована позапрошлым годом, человек решит, что вы не работаете.

Что убрать: учебные работы, проекты «по мотивам», работы, которыми вы сами не гордитесь, и всё, что не похоже на то, что вы хотите продавать дальше. Портфолио притягивает такие же заказы, как те, что в нём показаны. Если вы хотите делать кухни из массива, а в портфолио половина бюджетных шкафов, звонить будут про шкафы.

Фильтры и структура: по чему делить работы

Фильтры нужны, если работ больше 15–20. Делите так, как выбирает клиент.

Самый полезный фильтр, который почти никто не делает, — по бюджету. «До 100 000 / 100 000–300 000 / от 300 000». Человек сразу видит работы в своём диапазоне и перестаёт бояться, что вы делаете только дорогое.

Если работ немного, фильтры можно заменить категориями — отдельными страницами: «Кухни», «Шкафы», «Гардеробные». Такие страницы ещё и собирают поисковый трафик по запросам вида «кухни на заказ фото работ».

Если вы смотрите на своё портфолио и не понимаете, с чего начать, начните с первого экрана: что видит человек, когда открыл сайт.

Куда ставить кнопку заявки

Человек решает написать в момент, когда увидел «вот такую же хочу». Кнопка должна быть в этот момент рядом.

1. На первом экране — кнопка с понятным результатом: «Рассчитать мой проект», «Узнать стоимость эскиза», «Проверить дату».
2. В каждой карточке работы — кнопка «Хочу так же» или «Рассчитать похожее». В заявку автоматически подставляется название работы, и менеджер сразу видит, что понравилось клиенту.
3. После 4–6 работ в ленте — блок с формой или кнопками мессенджеров, чтобы не листать до конца.
4. В конце страницы — полная форма с полем для описания задачи и возможностью приложить фото или план.

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

Чтобы понимать, какие работы приводят заявки, поставьте цели в Метрике на нажатие «Хочу так же» и на отправку формы. Как это сделать, описано в справке Метрики о целях.

Что ещё должно быть на сайте-портфолио

Портфолио — главная, но не единственная часть сайта. Без остального работы не продают.

1. Кто вы. Фото мастера или команды, пара абзацев от первого лица: сколько лет в деле, на чём специализируетесь, как работаете.
2. Услуги и цены. Хотя бы «от» и вилки по основным услугам. Портфолио показывает, прайс снимает страх.
3. Как проходит работа. 4–6 шагов от заявки до результата. Кто боится первого шага, увидит, что он простой.
4. Отзывы. Лучше со ссылкой на внешние площадки — Карты, Авито, профиль в соцсетях. О подаче — в статье отзывы на сайте.
5. Гарантии и условия. Предоплата, договор, гарантийный срок.
6. Контакты и география. Где работаете, выезжаете ли.

Фото работ: что важно и где осторожно

Качество фото решает больше, чем дизайн сайта. Несколько правил:

• Снимайте при дневном свете, с одной точки «до» и «после», если это ремонт или реставрация.
• Общий план плюс детали. Общий план показывает результат, детали — качество: стыки, швы, фурнитуру.
• Сжимайте фото для сайта. Портфолио из 30 фото по 5 МБ грузится на телефоне так долго, что человек уходит до первой работы. Об этом — в статье SEO-оптимизация изображений.
• Люди в кадре — только с согласием. По статье 152.1 Гражданского кодекса изображение гражданина можно публиковать только с его согласия, за исключениями, которые к портфолио обычно не относятся. Для свадеб, тату, бьюти-работ берите письменное согласие клиента на публикацию — это пара строк в договоре.
• Квартиры клиентов — без адресов и узнаваемых деталей, если клиент не разрешил иное.

Как готовить фото для сайта в целом, разобрали в статье фото для сайта.

Как сайт-портфолио находят в поиске

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

Что помогает портфолио попадать в поиск:

• Страница на каждую категорию работ с заголовком под запрос: «Ремонт ванных комнат под ключ — фото работ и цены», «Кухни из массива на заказ — наши проекты».
• Текст на странице категории. 3–5 абзацев: что делаете, из каких материалов, сколько стоит, сколько длится. Без этого страница выглядит для поиска как пустая галерея.
• Подписи и описания у фото. Атрибут alt с описанием, что на снимке: «душевая без поддона с трапом, керамогранит 60×120».
• Развёрнутые кейсы отдельными страницами. Кейс с историей, этапами и цифрами отвечает на длинные запросы вида «сколько стоит ремонт ванной 4 м²».
• Город в тексте и контактах, если вы работаете локально. Запросы мастеров почти всегда геозависимые.

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

Условный пример: что даёт подача кейсами

Пример условный, не кейс студии. Мастерская мебели на заказ, средний чек 150 000 ₽. На сайте галерея из 80 фото без подписей, в месяц 1 500 посетителей, 15 заявок — конверсия 1%.

Мастерская оставляет 24 лучших проекта, подписывает каждый по схеме «задача → решение → бюджет → срок», добавляет фильтр по бюджету и кнопку «Рассчитать похожее» в каждой карточке. Допустим, конверсия выросла до 2%: при тех же 1 500 посетителях это 30 заявок. Если в договор переходит каждая пятая, это 6 договоров вместо 3, то есть плюс 450 000 ₽ выручки в месяц без увеличения рекламы.

Цифры условные: насколько вырастет конверсия у вас, заранее сказать нельзя. Но направление проверено на многих сайтах: когда человек видит цену и свою ситуацию, он пишет охотнее.

Чек-лист сайта-портфолио

• На первом экране понятно, что вы делаете, где и для кого
• 12–30 сильных работ, свежие наверху
• У каждой работы подпись: задача, решение, бюджет, срок
• Фильтры по типу работы и бюджету, если работ больше 15–20
• Кнопка «Хочу так же» в карточке работы
• Блок «Кто я / кто мы» с фото и текстом от первого лица
• Цены или вилки на основные услуги
• Отзывы со ссылками на внешние площадки
• Фото сжаты, сайт быстро открывается на телефоне
• Согласия клиентов на публикацию фото с людьми
• Цели в Метрике на заявки и клики по мессенджерам

Если у вас нишевое портфолио, посмотрите профильные разборы: сайт для фотографа, сайт для дизайнера интерьера, сайт для тату-салона. А если хотите, чтобы мы посмотрели ваши работы и предложили подачу, оставьте контакты.