Шапка

Шапка может состоять из 3-х уровней в разной комбинации. Количество уровней зависит от специфики и типа сайта. Многоуровневое меню, позволяет отобразить исчерпывающую информацию о компании и улучшит навигацию по сайту. Пользователи смогут быстро сориентироваться и перейти в нужный раздел, просмотреть контактную информацию или совершить необходимое целевое действие. Удобное меню положительно влияет на поведенческие факторы и на продвижение сайта. Предусмотрено добавление любой необходимой информации в шапку.

Элементы

Логотип Логотип загружается в формате SVG, при нажатии ведет на главную страницу
Выбор города При нажатии всплывает окно с выбором города
Избранное При нажатии на иконку осуществляется переход на страницу "Избранное". Иконка избранного плавно становится активной при добавлении товаров
Сравнение товара При нажатии на иконку осуществляется переход на страницу "Сравнение товаров"
Корзина Иконка корзины содержит ссылку на корзину и отображает количество товаров. При добавлении товара в корзину плавно меняется число на иконке
Ссылки на соцсети Редактируется через поле в административной панели. При нажатии открывается страница соцсети в новом окне браузера
Поиск При вводе запроса отображаются подсказки и открывается страница с результатом поиска
Форма обратной связи При нажатии открывается модальная форма обратной связи. Форма состоит из элементов: заголовок, описание, поля ввода и кнопка
Адрес Редактируется через поле в административной панели. Используется для размещения информации о физическом расположении офиса или магазина. Является фактором ранжирование

Характеристики

Шапка адаптируется под любые экраны, учитывая особенности паттерна навигации на разных мобильных устройствах.

Примеры

Обложка

Элемент с главным УТП на сайте. Используется в основном на главной странице. Это первый блок, который видят пользователи сразу после загрузки страницы. На основании полученной информации пользователь принимает решение покинуть сайт или остаться. С помощью этого блока можно качественно упаковать УТП или оффер. Основные элементы: заголовок, описание, кнопка целевого действия или форма связи, преимущества. В зависимости от специфики бизнеса, может быть реализовано отображение нескольких баннеров в слайдер. Важный блок сайта, который напрямую влияет на конверсию.

Элементы

Заголовок (УТП) Текст заголовка редактируется через поле в административной панели
Описание Текст описания редактируется через поле в административной панели
Изображение Редактируется через поле в административной панели
Кнопка (форма или ссылка) Ссылка и текст кнопки редактируются через административную панель
Ссылки на разделы Ссылка и текст кнопки редактируются через административную панель или настраиваются автоматически
Слайдер Данные, которые размещаются на баннере, редактируются через административную панель или настраиваются автоматически
Форма При нажатии на кнопку открывается модальная форма. Форма содержит: заголовок, описание, поля ввода, кнопку, согласие на обработку данных

Примеры

Блок со списком превью товаров

Отображение списка товаров в блоках рекомендаций, без фильтрации. Часто используется на главной странице в виде блоков с рекомендованными товарами: популярное / новинки / хит продаж / выбор покупателей и другое. Данные блоки также часто используются в карточке товаров: с этим товаром покупают / вы смотрели и т.д. С помощью блоков с рекомендованными товарами осуществляется товарная демонстрация ассортимента каталога. Размещение списков товаров повышает конверсию, улучшает навигацию и поведенческие факторы, а также положительно влияет на внутреннею перелинковку сайта. Списки товаров могут быть реализованы со слайдером и ссылкой, которая будет вести в конкретную категорию или каталог.

Элементы

Элементы управления слайдером Средства навигации кнопки "вперед" и "назад". В мобильной версии - индикатор количества и активности слайдов
Превью товара Содержит элементы: название товара, короткое описание, характеристики, старая/новая цена, иконки, теги, рейтинг товара, количество отзывов, кнопка. Редактируется для каждой карточки через поля в административной панели

Примеры

Страница с товарами или блок со списком товаров

Отображение товарной сетки для страниц каталога или блока со списком товаров, с добавлением сортировки и фильтрации товаров. Блоки содержат все необходимые элементы для удобства выбора пользователя. Эти элементы относятся к коммерческим факторам и положительно влияют не только на бизнес-показатели, но и на продвижение сайта в целом. Все управление контентом ведется через административную панель, не требуется знание кода.

Элементы

Заголовок Редактируется через поле административной панели
Категории Добавление ссылок на категории. При нажатии осуществляется переход в выбранную категорию
Количество товаров Автоматически выводится число товаров, загруженных в данную категорию
Сортировка Элементы управления сортировкой в разных направлениях: по стоимости, популярности и новизне
Фильтр товара Фильтр создается на основе выбранных характеристик товара, имеют тип ввода: чекбокс, выпадающий список или ползунок для указания диапазона цены
Превью товара Содержит следующие элементы: название товара, короткое описание, характеристики, старая/новая цена, иконки, теги, рейтинг товара, количество отзывов, кнопка. Редактируется для каждой карточки через поля в административной панели
Цена обновлена Дата автоматически обновляется за указанный период

Примеры

Превью товара

Список товаров без фильтрации, часто используется на главной странице и в карточках товаров. Может отображать в блоках: "популярное", "новинки", "просмотренное", "С этим товаром покупают" и др. В превью товаров выводится вся необходимая информация, которая необходима для принятия решения пользователя. Все элементы относятся к коммерческим факторам ранжирования и положительно влияют как на конверсию, так и на SEO-продвижение сайта.

Элементы

Количество добавляемых товаров Поле ввода со стрелками для указания количества товара
Краткое описание Редактируется через поле в административной панели
Название категории Редактируется через поле в административной панели
Цена Редактируется через поле в административной панели
Старая цена Редактируется через поле в административной панели
Кнопка купить При нажатии на кнопку товар добавляется в корзину
Лейблы (новинка, скидка, хит и так далее) Редактируется через поле в административной панели. % скидки рассчитывается автоматически при указании старой цены на товар
Сравнение При нажатии на иконку плавно меняется состояние иконки и товар добавляется в список к сравнению
Избранное При нажатии на иконку "Избранного" плавно меняется состояние иконки и товар добавляется в список в избранное
Картинка Добавляется через административную панель сайта. По умолчания атрибуты alt и title совпадает с заголовком товара
Рейтинг Отображает среднюю оценку написанных отзывов внутри товара
Количество отзывов Рассчитывается исходя из количества оставленных отзывов по каждому товару
Список характеристик Редактируется через поле в административной панели

Примеры

Страница товара или блок товара

Основная часть карточки товара со всей необходимой информацией по товару: с заголовком, ценой, описанием, характеристиками, изображениями и остальными важными элементами. Правильно наполненные карточки положительно влияют на продвижению сайта в поиске и рост конверсии. В каждой карточке предусмотрено размещение всей необходимой информации по товару. Вся информация размещается в полях административной панели сайта.

Элементы

Название товара Редактируется через поле в административной панели
Описание Редактируется через поле в административной панели
Список характеристик Редактируется через поле в административной панели
Название категории Редактируется через поле в административной панели
Цена Редактируется через поле в административной панели
Старая цена Редактируется через поле в административной панели
Количество добавляемых товаров Поле ввода со стрелками для указания количества товара
Кнопка купить При нажатии на кнопку товар добавляется в корзину
Заказать в один клик При нажатии открывается модальная форма для оставления контактных данных, заказ отправляется на почту менеджеру
Картинка Редактируется в административной панели сайта. По умолчанию атрибуты alt и title совпадают с заголовком товара
Карусель с изображениями Редактируется через поле в административной панели
Информация о доставке и оплате Редактируется через поле в административной панели
Артикул Редактируется через поле в административной панели
В наличии Редактируется через поле в административной панели
Рейтинг Отображает среднюю оценку написанных отзывов
Количество отзывов Рассчитывается исходя из количества оставленных отзывов к товару
Последнее обновление цены Дата автоматически обновляется за указанный период
Лейблы (новинка, скидка, ХИТ) Редактируется через поле в административной панели. Выводятся в превью карточек товаров
Добавить в избранное При нажатии на иконку, плавно меняется состояние иконки и товар добавляется в список избранного
Сравнение При нажатии на иконку, плавно меняется состояние иконки и товар добавляется в список к сравнению
Товарные предложения Часто отображается в виде таблицы с вариантами продаваемого товара или в виде списка товаров со слайдером
Вы смотрели Блок на основе "Блок со списком превью товаров". В список попадают просмотренные пользователем товары
С этим товаром покупают Блок на основе "Блок со списком превью товаров", управляется через административную панель

Примеры

Блоки со списком

Контентные блоки в виде списка могут содержать абсолютно разную информацию: списки категорий, товаров или услуг, статьи, новости. Также это может быть редактируемый контент для отображения такой информации как списки логотипов, преимуществ, фактов о компании, с этапами работы и многое другое. Большинство блоков универсальны и гибки, поэтому подходят под совершенно разный контент.

Элементы

Картинка Редактируется через поле в административной панели
Заголовок Редактируется через поле в административной панели
Описание Редактируется через поле в административной панели
Ссылка Редактируется через поле в административной панели
Иконка Редактируется через поле в административной панели

Примеры

Контентные блоки

Блоки контента, содержащие различную информацию о деятельности компании: тарифы, команда, видео и фотоконтент, контакты и часто задаваемые вопросы. Управление контентом в блоках ведется через административную панель, не требуется знания кода.

Элементы

Контентные блоки Редактируется через поле в административной панели
Команда Редактируется через поле в административной панели
Таблица тарифов Редактируется через поле в административной панели
Контакты Редактируется через поле в административной панели
Карта Редактируется через поле в административной панели
Видео Редактируется через поле в административной панели
Фотогалерея Редактируется через поле в административной панели
FAQ Аккордеон состоит из элементов: заголовок, выдвижное описание, иконка. Редактируется через поле в административной панели
Ошибка 404 Содержит: заголовок, описание и кнопку. При нажатии на кнопку осуществляется переход на главную

Примеры

Форма обратной связи

Статичные формы обратной связи с разнообразным наполнением. Может содержать следующие элементы: заголовок, описание, поля для ввода данных, кнопку с целевым действием, изображение. Форма обратной связи важный блок для любого сайта. С помощью форм связи вы предоставляете возможность пользователю задать вопрос, получить консультацию или оставить заявку на товар и услугу. Блоки управляются через административную панель сайта, знания кода не требуются.

Элементы

Заголовок Редактируется через поле в административной панели
Описание Редактируется через поле в административной панели
Изображение Редактируется через поле в административной панели
Форма для ввода контактов Редактируется через поле в административной панели

Примеры

Отзывы

Функционал размещение отзывов на сайте подходит для любого вида деятельности компании. Отзывы могут быть как для товаров, так и для услуг. Блок отзывов содержат элементы, которые учитываются при ранжировании сайта поисковой системой: рейтинг, дата, текст отзыва, имя и фото. Каждый блок с отзывами содержит ссылку, которая ведет на раздел со всеми отзывами.

Элементы

ФИО Редактируется через поле в административной панели и добавляется через интерфейс сайта
Отзывы Редактируются через поле в административной панели и добавляются через интерфейс сайта
Рейтинг Недоступно для редактирования через административную панель, добавляется через интерфейс сайта
Дата Недоступно для редактирования через административную панель, добавляется через интерфейс сайта
Количество отзывов Недоступно для редактирования через административную панель, выводится общее количество отзывов
Фото Недоступно для редактирования через административную панель, добавляется через интерфейс сайта

Примеры

Корзина

Корзина может состоять из нескольких блоков: блок с выбранными товарами, детали заказа и оформление заказа. В корзине пользователь видит выбранные товары с изображением и нужной информацией, может отредактировать количество товаров или убрать лишнее из корзины. В блоке деталей заказа отображается общая сумму заказа и скидка. В способе доставки можно вывести информацию о стоимости доставки и адрес самовывоза.

Элементы

Список товара Список товара содержит: изображение, название, характеристики, стоимость, выбор количества, кнопка удалить. При нажатии на товар, осуществляется переход в карточку товара
Итоговая сумма Рассчитывается из общей суммы товаров с учетом скидок и стоимости доставки
Скидка Общая сумма скидки
Форма контактных данных Содержит поля: ФИО, телефон, e-mail
Способ получения Адрес доставки, поле адреса с автопоиском или самовывоз с информацией о месте получения
Способ оплаты Оплата на сайте или при получении
Кнопка рассрочка или кредит Кнопка содержит ссылку на информацию о рассрочке или кредите
Согласие на политику конфиденциальности Галочка на подтверждение и ссылка на информацию