Портфолио — не галерея, а доказательство
Посетитель сайта услуг почти не может проверить качество до покупки: аккуратный лендинг выглядит одинаково у студии с сотней проектов и у новичка с одной работой. Раздел «Портфолио» закрывает именно этот разрыв — показывает, что похожую задачу вы уже решали и довели до конца. Поэтому он решает не эстетическую задачу, а коммерческую: снимает риск и сокращает путь до заявки.
Разберём, что положить в карточку проекта, сколько работ показывать, в каком порядке их ставить и что делать, если показывать почти нечего.
Что должно быть в карточке проекта
Карточка без задачи и результата читается как картинка. Карточка с задачей читается как опыт. Минимальный набор — пять элементов:
- Задача клиента. Одно-два предложения его словами: «нужен сайт, чтобы записывались сами, а не звонили администратору». Не «разработка корпоративного сайта».
- Что сделали. 3–5 пунктов: структура, форма записи, интеграция с календарём, мобильная версия, перенос текстов.
- Цифры. Срок, число страниц, что изменилось после запуска. Если метрик нет — честно: «сдан за 9 дней, 14 страниц».
- 2–3 экрана. Первый экран, внутренняя страница, мобильный вид. Не один скриншот всей страницы сжатым в полоску.
- Ссылка на живой сайт — если клиент не против. Работающая ссылка убеждает сильнее любого текста.
Сколько работ показывать
Рабочий диапазон — от 6 до 12 карточек на странице портфолио. Меньше шести посетитель читает как «опыта мало». Больше двенадцати — перестаёт смотреть и уходит, не дойдя до нужной категории. Дальше важно не количество, а пропорции:
| Тип работ | Сколько карточек | Что доказывает |
|---|---|---|
| Лендинги | 2–4 | Умеете собрать страницу под одну услугу и один звонок |
| Многостраничные сайты | 2–3 | Держите структуру, навигацию и десятки страниц |
| Проекты под ключ | 1–3 | Ведёте задачу целиком, а не только вёрстку |
| Работы в вашей нише | минимум 1 | Понимаете отрасль, а не только HTML |
Если ниша одна и понятная, пропорции можно сдвинуть в её сторону. Если ниш несколько — не смешивайте их в общей ленте, а группируйте.
Порядок и группировка
- Сильные работы — первыми. Первые три карточки получают почти всё внимание. Ставьте туда проекты с цифрами и живыми ссылками, а не самые свежие.
- Группы по типу, а не по дате. «Лендинги», «Корпоративные сайты», «Интернет-магазины» — человек ищет свою ситуацию, а не хронологию.
- Фильтры — только если групп больше трёх. На четырёх типах работ фильтр занимает место и требует лишнего клика.
- Отдельная страница у каждого проекта. У страницы есть свой текст, заголовок и адрес — она собирает поисковый трафик по запросам вида «сайт для стоматологии в Казани». Лайтбокс с картинкой не собирает ничего.
Подписи, которые продают
Разница видна на уровне одной строки под карточкой:
- «Сайт для клиники» → «Сайт стоматологии с записью онлайн: 9 страниц, 6 дней, заявки приходят в Telegram».
- «Корпоративный сайт» → «Каталог стройматериалов на 240 позиций: поиск по складу, выгрузка в 1С».
- «Лендинг» → «Лендинг курса по фотографии: один экран с ценой и расписанием, оплата картой».
Формула простая: что за бизнес + что было нужно + что сделали + цифра. Если в подписи нет ни одной цифры и ни одного слова из лексикона клиента, её можно выбрасывать.
Если работ мало
Показывать чужие проекты — самая частая и самая дорогая ошибка: клиент открывает одну-две ссылки, находит другого исполнителя в подвале и уходит. Три честных способа заполнить раздел:
- Собственный проект. Сайт для знакомого бизнеса, сделанный бесплатно или со скидкой в обмен на право публикации. Так и подпишите: «пилотный проект».
- Разбор вместо кейса. Статья «как устроен сайт в этой нише и что мы бы в нём поменяли» — это контент для блога, но он тоже показывает компетенцию.
- Фрагмент работы. Если проект под NDA — покажите не клиента, а решение: схему структуры, макет внутренней страницы, логику калькулятора, без названий и логотипов.
Пять ошибок, которые видно сразу
- Мелкие скриншоты. 800 пикселей по ширине на ретине превращаются в мыло. Нужно от 1600 пикселей и до 300 КБ на файл.
- Только десктоп. Больше половины заявок на сайтах услуг приходит с телефона — мобильный экран в карточке обязателен.
- Нет дат. Работа пятилетней давности рядом с прошлогодней читается как застой, даже если она хороша.
- Тупик в конце раздела. Посмотрел работы — и должен сам искать, куда нажать. В конце нужна кнопка на заявку.
- Портфолио в подвале. Ссылка должна стоять в верхнем меню: это второй по важности раздел после описания услуг.
Как связать портфолио с продажей
Портфолио работает, когда оно встроено в маршрут, а не лежит отдельным островом. Три связки, которые дают эффект быстрее всего:
- На странице каждой услуги — 2–3 релевантные работы. Не ссылка «смотрите портфолио», а конкретные проекты из этой же категории.
- В карточке проекта — цена «от» и срок. Тогда посетителю не нужно идти искать тарифы на другом конце сайта.
- В конце страницы проекта — короткий блок «похожая задача?» с формой и сроком ответа. Заявка приходит в Telegram, поддержка после запуска — 30 дней.
Для ориентира по деньгам: лендинг — от 15 000 ₽ и 4–5 дней, многостраничный сайт — от 29 000 ₽ и 6–7 дней, проект под ключ — от 55 000 ₽. Эти цифры в карточках лучше не прятать: они отсекают нецелевые обращения до звонка.
Практические шаги на этой неделе
- Выпишите все проекты за последние два года, включая мелкие правки и сайты знакомых. Обычно список выходит в полтора-два раза длиннее, чем кажется.
- Отберите 8 самых сильных: где есть результат, живая ссылка и понятная задача.
- Для каждой работы напишите задачу в одно предложение и результат в цифрах. Где цифр нет — поставьте срок и объём.
- Сделайте по три скриншота: первый экран, внутренняя страница, мобильный вид. Ширина — 1600 пикселей, формат WebP.
- Сожмите файлы до 300 КБ и проверьте, что текст на скриншоте читается на телефоне.
- Соберите страницу: группы по типу, сильные работы первыми, кнопка заявки в конце.
- Поставьте ссылку «Портфолио» в верхнее меню, в подвал и на страницы услуг.
- Возьмите у двух-трёх клиентов письменное разрешение на публикацию названия и ссылки — на будущее это снимает споры.
Вся работа занимает 4–6 часов, если скриншоты и тексты собираются в один заход. Раздел, собранный по этим правилам, обычно даёт первые заявки из тех, кто зашёл сравнить исполнителей и остался на конкретных примерах — посмотреть, как это выглядит, можно в портфолио.