Главная страница

Витрина интернет-магазина. Первое, что видит пользователь, — и от этого зависит, останется он или уйдёт.

Что должно быть на главной

На этой странице отображаются сами товары интернет-магазина — это как витрина. Пользователь, который зашёл на главную, должен сразу понимать, что это именно интернет-магазин. Он должен видеть товар, который мог бы его заинтересовать.

1

Баннеры и слайдеры

Используются на главной странице, показывают акции, распродажи, новинки. Распространённый инструмент, который часто используется интернет-магазинами, но при неправильной настройке от него больше вреда, чем пользы.

⚠
Осторожно: плохо настроенный слайдер — это «баннерная слепота». Пользователи перестают замечать баннеры и кликают только по первому слайду.
2

Карусель Product Gallery

Убирает лишние клики пользователя на товар и ускоряет просматриваемость товара, чтобы он быстрее нашёл подходящий вариант и не потерял интерес. Мы убираем эти микро-усилия. Пользователь остаётся в одном контексте, не теряет фокус.

✓
Зачем это нужно: каждое лишнее действие — это шаг к потере покупателя. Карусель сокращает путь до товара.
3

Фильтры и категории сбоку

Позволяют сузить круг поиска определённого товара для пользователя на сайте, что ускоряет переход к покупке.

4

Блок доверия

Это элемент на сайте, где размещают отзывы, логотипы партнёров или рейтинги, чтобы посетитель быстрее решился на покупку. Если его не настроить, блок превращается в «слепое пятно»: место есть, а доверия он не вызывает.

Чтобы блок работал, важно правильно подобрать источники отзывов. Отзывы о своём магазине лучше показывать не только свои, но и собранные с внешних площадок — так они выглядят убедительнее. Источниками могут быть:

📍
Яндекс
Карты и Маркет
🛒
Маркетплейсы
Ozon, Wildberries, Avito
💬
Отзовики
IRecommend, Zoon, Flamp
5

Пагинация и бесконечная прокрутка

Это два способа, служащие одной цели: не показывать сразу все товары на странице, а только порциями. Это убирает нагрузку на браузер покупателя и сам интернет-магазин, минуя долгую загрузку товаров.

Пагинация

Постраничная навигация

Классический вариант: внизу списка есть номера страниц или кнопки «Назад / Вперёд».

Плюсы
  • Предсказуемость. Пользователь понимает, где он и сколько всего страниц.
  • SEO. У каждой страницы свой URL, поисковики её индексируют.
  • Возврат к месту. Закрыл вкладку — вернулся на ту же страницу.
  • Контроль. Можно перейти сразу на 10-ю страницу.
Минусы
  • Требует лишних кликов и перезагрузок.
  • На мобильных кнопки бывают мелкими и неудобными.

Бесконечная прокрутка

Infinite scroll

Товары подгружаются автоматически, когда пользователь доскроллил до низа.

Плюсы
  • Плавность. Контент течёт непрерывно, как лента в соцсетях.
  • Мобильные. Свайп вниз естественнее, чем попадание по кнопке.
  • Больше просмотров. Пользователь чаще «залипает».
Минусы
  • SEO. Контент грузится через JS, поисковики могут его не увидеть.
  • Потеря ориентации. Непонятно, сколько всего товаров.
  • Сложно вернуться. «Назад» отбрасывает в самый верх.
  • Нет футера. До подвала сайта почти невозможно добраться.
★
Совет: для интернет-магазина обычно лучше пагинация — она предсказуемее, дружелюбнее к SEO и не ломает навигацию. Бесконечную прокрутку стоит использовать точечно (например, в лентах рекомендаций).