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