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