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