Обсудить проект

8 мин чтения

Как сделать сайт-портфолио для фотографа

Сайт фотографа работает, когда показывает отобранные серии по жанрам, быстро открывает снимки, понятно описывает пакеты и даёт проверить свободную дату.

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

Зачем фотографу сайт, если есть соцсети

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

  • показывает лучшие серии по жанрам — в том порядке и в том качестве, как вы хотите;
  • отвечает на вопросы до переписки: цены, что входит в съёмку, когда будут готовы снимки;
  • принимает заявки на конкретную дату;
  • может приводить людей из поиска по запросам вроде «свадебный фотограф» или «предметная съёмка для каталога», если под каждый жанр есть своя страница;
  • остаётся вашим, даже если площадка поменяет правила.

Соцсети при этом никуда не деваются: из профиля ведёт ссылка на сайт, а с сайта — на свежие работы.

Как отобрать снимки для портфолио

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

  • Показывайте то, что хотите снимать. Если в портфолио половина корпоративов, а хочется свадеб, писать будут про корпоративы.
  • Серии вместо отдельных кадров. Несколько снимков одной истории говорят о вас больше, чем россыпь лучших кадров из разных лет.
  • Одна съёмка целиком. Клиент свадебного или семейного фотографа хочет понять, что получит за весь день. Покажите хотя бы одну историю от начала до конца — с разрешения героев.
  • Единая обработка. Если стиль менялся, оставьте работы, похожие на то, как вы снимаете сейчас.
  • Без старых работ. Съёмки, которые сегодня вы сделали бы иначе, лучше убрать, даже если они дороги как память.
  • Взгляд со стороны. Свои кадры трудно оценивать: попросите коллегу выбрать лучшие.

Какие разделы нужны сайту фотографа

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

Раздел Зачем Что показать
Главная Понять стиль за несколько секунд Несколько сильных кадров, список жанров, кнопку «Проверить дату»
Портфолио по жанрам Найти свою съёмку Серии и одну историю целиком в каждом жанре
Пакеты и цены Понять бюджет Состав пакетов, цены «от», доплаты
Как проходит съёмка Снять тревогу Шаги от брони до готовых фото, что надеть и взять с собой
Обо мне Понять, с кем будет съёмка Ваш портрет, подход, как вы работаете с людьми в кадре
Отзывы Доверие Отзывы с именами и снимками из этих съёмок — с согласия клиентов
Вопросы и ответы Закрыть сомнения Что если дождь, как передаёте фото, отдаёте ли исходники
Бронь и контакты Действие Форму с датой, мессенджер, почту

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

Как показать пакеты и цены

Сколько стоит съёмка — вопрос, с которого клиент обычно начинает переписку. Когда ответ есть на сайте, пишут те, кого цена устраивает, и разговор сразу идёт о деталях.

Удобнее всего работают пакеты: два-три варианта с заметной разницей, а не с парой лишних кадров. Для каждого укажите:

  • сколько длится съёмка и что в неё входит: локации, смена образов, выезд;
  • сколько снимков клиент получит в обработке и в каком виде: галерея по ссылке, файлы для печати;
  • когда будут готовы фотографии;
  • что оплачивается отдельно: аренда студии, визажист, дальняя дорога, срочная обработка;
  • цену «от» — и от чего зависит итоговая сумма: день недели, сезон, длительность.

Отдельно опишите условия брони: предоплата, перенос, отмена, что будет, если в день съёмки заболеет клиент или фотограф. Такие правила показывают, что съёмка пройдёт по договорённости, а не «как получится».

Бронь даты: как принимать заявки

Для свадебного и событийного фотографа главный вопрос клиента — свободна ли дата. Поэтому на главной кнопке лучше написать «Проверить дату» или «Забронировать съёмку», а не безликое «Связаться». Варианты приёма заявок:

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

Дата становится занятой после договора и предоплаты — напишите об этом, чтобы не было обид. Имя и телефон в форме — персональные данные, так что без политики их обработки и согласия посетителя по 152-ФЗ форму не запускайте.

Как ускорить сайт с большими фотографиями

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

  • экспорт для веба — на сайт идут не оригиналы, а копии разумного размера;
  • современные форматы — WebP и AVIF при том же видимом качестве обычно легче JPEG;
  • разные размеры для разных экранов — телефон получает маленькую версию, большой монитор — крупную, а браузер выбирает сам;
  • ленивая загрузка — снимки ниже первого экрана грузятся, только когда человек до них долистает;
  • лёгкий первый экран — один сильный кадр вместо полноэкранного слайдера с автопрокруткой;
  • проверка после сжатия — пережатые файлы первыми выдают оттенки кожи и плавные градиенты неба, поэтому смотрите результат на хорошем экране.

Ориентир — показатель LCP из Core Web Vitals: крупнейший элемент на экране, у фотографа это обычно главный снимок, в хорошем случае отрисовывается за 2,5 с или быстрее. Проверить страницу можно в PageSpeed Insights, а что ещё замедляет сайты, мы разобрали в статье почему сайт медленно грузится.

Права на снимки и согласие людей в кадре

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

Несколько правил, которые избавят от неприятных разговоров:

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

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

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

  • Все жанры в одной ленте: свадьбы вперемешку с предметной съёмкой.
  • Десятки похожих кадров с одной съёмки вместо нескольких сильных.
  • Оригиналы с камеры прямо на сайте — страница грузится вечность.
  • Полноэкранный слайдер с автопрокруткой вместо понятного первого экрана.
  • Нет цен и состава пакетов, только «пишите, обсудим».
  • Нельзя узнать, свободна ли дата: одна общая кнопка «Связаться».
  • Снимки людей без их согласия и клиентские галереи в открытом доступе.

Если вам нужен сайт-портфолио, расскажите о задаче — подскажем, какие жанры и серии показать и как клиенту удобнее бронировать съёмку. Сомневаетесь, хватит ли одной страницы, — сравнение в статье лендинг или многостраничный сайт, а от чего зависит цена разработки — в разборе сколько стоит сайт.

(Вопросы)

Частые вопросы

Нужен ли фотографу сайт, если есть соцсети?

Соцсети удобны для свежих работ и общения, но в ленте всё перемешано, а правила показа задаёт площадка. Сайт собирает главное в одном месте: отобранные серии по жанрам, пакеты, условия и бронь даты.

Сколько фотографий ставить в портфолио?

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

Нужно ли писать цены на сайте фотографа?

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

Можно ли выкладывать в портфолио фото клиентов?

Только с их согласия: публиковать изображение человека без него по общему правилу нельзя. Удобнее получить согласие заранее, пунктом в договоре на съёмку, а формулировку сверить с юристом.

Как защитить фотографии на сайте от копирования?

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

(Читать дальше)

Ещё статьи

Все статьи →
  1. Как давать правки дизайнеру, чтобы не переделывать по кругу

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

    Веб-дизайн
  2. Как выбрать подрядчика для разработки сайта

    Сравниваем студию, фрилансера, своего сотрудника и конструктор и разбираем, как проверить портфолио, что спросить на созвоне и что записать в договор.

    Веб-дизайн
  3. Как сделать лендинг для детского центра

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

    Веб-дизайн