Сайт-портфолио: структура и что показывать

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

Разбираем, что превращает галерею в инструмент, приводящий клиентов.

Главный принцип: не картинки, а истории

Изображение показывает результат. Оно не показывает задачу, ограничения и то, что вы сделали, чтобы результат получился.

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

Рабочий формат каждой работы:

Задача. С чем пришёл клиент, какая была ситуация, какие ограничения — бюджет, сроки, технические условия.

Что сделали. Ваши решения и почему именно такие. Здесь видна ваша голова, а не только руки.

Результат. Что получилось. Идеально с цифрами: сроки, объёмы, изменение показателей, отзыв клиента.

Три абзаца текста рядом с изображениями меняют восприятие работы полностью.

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

Меньше, чем хочется. Восемь-двенадцать подробных кейсов убеждают сильнее пятидесяти картинок.

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

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

Группировка

Одна общая галерея заставляет клиента искать нужное самостоятельно. Разделение по типам работ решает сразу две задачи.

Первая — удобство: человеку, которому нужен интерьер кухни, показываются кухни.

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

Для фотографа это виды съёмок, для дизайнера — типы проектов, для строительной компании — виды работ.

Цены

Частый спор: показывать или нет.

Аргумент против — «у нас всё индивидуально». Аргумент за — клиент, увидевший подходящую работу, немедленно задаётся вопросом стоимости, и если ответа нет, он идёт искать туда, где есть.

Рабочий компромисс: диапазон по типам работ или стоимость «от» с пояснением, от чего зависит итог. Это не обязывает вас к конкретной цифре, но оставляет вас в списке рассматриваемых.

Что ещё должно быть

Об авторе или команде. В нише, где покупают человека, это существенно. Не биография, а подход к работе и опыт.

Процесс работы. Что происходит после обращения: обсуждение, договор, этапы, сроки. Снимает тревогу нового клиента.

Отзывы. С именами и по возможности проверяемые — со ссылками на источник.

Контакт на каждой странице. Человек, впечатлённый работой, должен иметь возможность написать немедленно, а не искать раздел «Контакты».

Техническая сторона

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

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

Медленно открывающаяся галерея теряет посетителя раньше, чем он увидит вашу работу. Что и как измерять — в статье Core Web Vitals.

Отдельно: не выкладывайте исходники в полном разрешении — это и лишний вес, и вопрос защиты работ.

Работы в команде

Вопрос, который возникает у всех, кто работал не в одиночку.

Показывать можно и нужно, но с честным указанием роли: «дизайн — я, разработка — студия N», «съёмка — я, обработка — коллега».

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

Цены на разработку

Вариант	Стоимость	Срок
Портфолио с галереями и формой	80 000 — 150 000 ₽	2–3 недели
С разделением по типам работ и кейсами	150 000 — 300 000 ₽	3–5 недель
С системой управления для самостоятельного добавления	от 250 000 ₽	от 5 недель

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

Частые ошибки

Галерея без описаний. Самая распространённая: клиент не понимает, что именно вы сделали.

Всё подряд. Слабые работы тянут вниз впечатление от сильных.

Одна общая лента. Ни удобства, ни поискового трафика.

Нет цен. Исключение из сравнения.

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

Заброшенность. Последняя работа двухлетней давности говорит, что вы больше не практикуете.

Итог

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

Группируйте по типам работ, показывайте диапазон цен, честно указывайте роль в командных проектах и следите за скоростью загрузки галерей.

И отбирайте по принципу «что хочу повторить»: портфолио притягивает похожие заказы.