Бизнес — статьи о сайтах
Дизайн можно сделать аккуратным, вёрстку — чистой, скорость — быстрой. А потом на макет ложатся фотографии, и сайт вдруг становится похож на сотню других. Причина почти всегда одна: визуальный контент собирали в последний момент из того, что нашлось под рукой — в стоках, в старой папке на диске, в архиве отдела продаж.
Фотографии — это не «оформление». Это то, что человек считывает раньше текста. Взгляд цепляется за изображение за доли секунды, и решение «свои или чужие, настоящее или нарисованное» посетитель принимает раньше, чем прочитает первый заголовок.
Почему стоковые фотографии работают против сайта
Сток сам по себе не зло. Проблема в том, как его обычно используют: берут первое подходящее изображение по запросу и ставят на главную.
Что происходит дальше:
- Изображение уже где-то видели. Популярные стоковые кадры расходятся тысячами сайтов. Посетитель может не вспомнить, где именно встречал эту улыбающуюся команду за ноутбуком, но ощущение «уже было» остаётся.
- Картинка не соответствует реальности. На фото — просторный светлый офис, а у компании производственный цех и склад. Человек приезжает и видит другое. Разрыв между обещанием и реальностью бьёт по доверию сильнее, чем честная фотография обычного цеха.
- Стоки редко ложатся в единый стиль. Пять снимков от пяти разных фотографов — это пять разных цветовых температур, пять степеней «постановочности» и пять углов съёмки. Сайт визуально рассыпается.
- Они ничего не сообщают. Абстрактные рукопожатия и графики на планшете не отвечают ни на один вопрос посетителя: как выглядит продукт, кто его делает, что я получу.
Своя фотография решает противоположную задачу — она доказывает, что компания существует и делает то, о чём пишет. Даже технически несовершенный снимок реального объекта работает лучше идеального чужого.
Где сток уместен: фоновые текстуры, абстрактные подложки, второстепенные иллюстрации в блоге, нейтральные изображения в разделах, где своей съёмки быть не может в принципе. Но лицо сайта — первый экран, блок «о компании», карточки услуг и товаров — это всегда своё.
Что именно снимать: набор зависит от типа сайта
Универсального списка нет, но есть логика: снимать нужно то, что закрывает сомнения клиента.
Услуги и B2B
- Процесс работы: как делается то, за что платят. Монтаж, замеры, производство, разработка, приёмка.
- Результаты: объекты «до и после», готовые проекты, сданные работы.
- Люди: команда, специалисты, руководитель. Не постановочные портреты в костюмах, а нормальные рабочие кадры.
- Место: офис, цех, шоурум, склад. Особенно если клиент физически приезжает.
- Оборудование и техника, если это аргумент.
Интернет-магазин
- Товар на белом или нейтральном фоне — основное изображение карточки.
- Товар с разных ракурсов, включая детали: фактуру, крепления, швы, разъёмы.
- Товар в использовании или в интерьере — помогает представить масштаб.
- Комплектация: что реально приедет в коробке.
- Упаковка, если она часть впечатления.
Корпоративный сайт
- Здания, производства, филиалы.
- События: конференции, отгрузки, открытия.
- Руководство и ключевые сотрудники.
- Документы, сертификаты, награды — аккуратно отсканированные, а не сфотографированные под углом.
Отдельно стоит сказать про карточки товаров: нехватка фотографий — одна из частых причин, по которым посетитель уходит без покупки. Если по снимкам нельзя понять, как вещь выглядит вблизи и какого она размера, человек идёт искать её там, где фотографий больше.
Как организовать съёмку без большого бюджета
Полноценный продакшн с фотографом, светом и ретушью нужен не всегда. Но какой-то минимум организовать придётся.
Что помогает уложиться:
- Собрать список кадров заранее. Не «поснимаем офис», а конкретный перечень: шесть снимков цеха, четыре портрета, двадцать карточек товара, три общих плана здания. Список делается по макету — под каждый блок, где нужна фотография.
- Снять всё за один выезд. Второй заход почти всегда стоит дороже первого и сдвигает сроки на недели.
- Задать единые условия. Один день, одна погода, один свет, один фотоаппарат. Даже любительские кадры, снятые в одинаковых условиях, выглядят как серия, а не как случайная подборка.
- Не гнаться за глянцем. Честный кадр рабочего процесса убеждает сильнее, чем переретушированная постановка.
- Сразу снимать с запасом по кадру. Горизонтальный снимок легко обрезать под вертикальный блок, если по краям есть свободное поле. Из плотно закомпонованного кадра выкроить ничего не получится.
Съёмка на телефон допустима, если соблюдены три вещи: достаточно света, ровный горизонт и чистый фон. Больше всего снимки портят не камера, а беспорядок в кадре и съёмка против окна.
Технические требования: что нужно знать до передачи файлов
Красивая фотография, загруженная неправильно, превращается в проблему. Несколько правил, которые стоит соблюдать вне зависимости от проекта.
- Отдавать оригиналы. Разработчику нужны исходники максимального размера. Уменьшить и сжать он сможет сам, увеличить обратно — нет. Файлы, пересланные через мессенджер, обычно уже пережаты и для сайта не годятся.
- Не отдавать файлы из соцсетей и с чужих сайтов. Это и потеря качества, и вопрос прав на изображение.
- Одинаковые пропорции внутри блока. Если в каталоге часть фотографий вертикальные, а часть квадратные, сетка будет выглядеть рвано. Пропорции лучше согласовать до съёмки.
- Чистый фон для товарных фото. Разнобой фонов в каталоге заметен сразу и выглядит неопрятно.
- Осмысленные имена файлов. Не IMG_4821, а описательное название латиницей. Это помогает и в работе, и в поиске по картинкам.
- Помнить про вес. Изображения — обычно самая тяжёлая часть страницы. Сжатие, современные форматы и ленивая загрузка — задача разработчика, но исходники должны быть такими, чтобы с ними было что делать.
Ещё один момент, о котором забывают почти всегда: альтернативные подписи к изображениям. Это текст, который видят поисковые системы и люди, пользующиеся экранными читалками. Его пишут не «на автомате», а по смыслу кадра.
Иллюстрации, иконки и графика: когда рисовать, а когда не стоит
Не всё можно сфотографировать. Абстрактные услуги, схемы работы, этапы процесса, преимущества — тут выручает графика.
Что работает:
- Схемы и диаграммы процессов. Порядок работы, устройство изделия, маршрут заказа — то, что текстом объясняется на абзац, а рисунком на одну картинку.
- Единый набор иконок. Важно, чтобы все иконки были из одного семейства: одинаковая толщина линий, одинаковая манера. Смесь плоских, объёмных и линейных иконок в одном блоке выглядит как ошибка.
- Инфографика с реальными цифрами. Если цифр нет — лучше не рисовать вообще, чем придумывать.
- Авторская иллюстрация — сильный инструмент, но дорогой и требующий выдержанного стиля на всём сайте. Половинчатое решение здесь хуже отсутствия.
Чего лучше избегать: случайных клипартов, трёхмерных человечков, декоративных элементов «чтобы не было пусто». Пустое место в макете — это не дефект, а часть композиции.
Отдельно — видео. Короткий ролик о производстве или распаковке товара работает отлично, но его нельзя заливать на сайт как файл: страница станет неподъёмной. Стандартное решение — размещение на видеохостинге и встраивание плеера. И у видео обязательно должна быть статичная заставка, потому что до нажатия на «play» посетитель видит именно её.
Кто отвечает за визуал и почему это узкое место проекта
Формально фотоконтент — зона ответственности заказчика: никто, кроме компании, не может снять её производство и её товар. Фактически проект часто останавливается именно здесь, потому что задача звучит размыто: «нужны фотки».
Как этого избежать:
- Определить состав визуала на этапе прототипа, а не тогда, когда дизайн уже нарисован. Прототип показывает, сколько и каких изображений понадобится.
- Назначить ответственного со стороны заказчика — конкретного человека, а не отдел.
- Поставить съёмку в график проекта наравне с дизайном и вёрсткой, с датой.
- Если своими силами не выходит — включить фотосъёмку в работы студии отдельной услугой и заложить её в бюджет заранее.
Худший сценарий — сдавать сайт с заглушками и обещанием «потом заменим». Не заменяют почти никогда. Временные картинки живут на сайте годами и тихо портят впечатление от всей работы.
Хороший визуал не требует героических затрат. Он требует плана, одного нормального съёмочного дня и дисциплины при передаче файлов. Этого достаточно, чтобы сайт перестал выглядеть как шаблон и начал выглядеть как конкретная компания с конкретным делом.
