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