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