На главной странице располагаются следующие блоки:
Баннера
Стандартный баннер. Для мобильных устройств создаётся свой баннер. Справа от баннера есть 3 дополнительных изображения, которые ведут раздел скидок по конкретной категории.
Блок рекомендуемых товаров, акционных, популярных
Бок товаров: в данный блок товары добавляются как вручную, так и автоматически через админа панель сайта. Например, Акционные товары и Популярные, берутся автоматически при соблюдении условий подбора. Соответственно отпадает необходимость ручного наполнения раздела.
Блок категорий.
Блок категорий: выполнен сделан в виде плитки, внутри которой находятся подкатегории, это позволяет упростить навигацию по сайту и добавляет удобства для конечного пользователя.
При наведении на кнопку меню, появляется выпадающий список с категориями, при наведении на категорию, показываются вложенные категории и т д. При этом когда срабатывает открытие меню, то все что за ним - размывается для удобства фокусировки пользователя.
С правой стороны расположен Фильтр, который имеет массу настроек и функционала для SEO продвижения сайта. Через фильтр можно создавать отдельные посадочные страницы и скармливать их роботам для успешной индексации. В верхней части присутствуют различные кнопки сортировок и вариантов отображения товаров. На изображении карточек товара находятся кнопки "В закладки" "В сравнение". Если у товара есть опции обязательные для выбора, то при нажатии на кнопку купить, будет осуществлен переход в карточку товара для выбора опции. Если обязательных параметров нет, то товар будет добавлен в корзину в количестве 1 шт. далее количество можно дополнить в корзине. На сайте добавлена возможность указать минимально количество товара для заказа, например 0.05 кв.м или 1 шт. Так же эти данные показываются в блоке товара.
В карточке товара указана подробная информация по товару, характеристики, текст - описание. Так же есть блок заказа с мини калькулятором, который показывает сумму товара, так как товар мерный и может иметь различные размеры. При нажатии на фото, оно увеличивается на весь экран. Рядом с фото отображается скидка в % которая высчитывается автоматически при наличии скидочной цены. Так же можно добавить товар с список сравнения или в закладки соответствующими кнопками. Если у товара есть опции, например "Ширина" то она будет выводится в блок заказа.
В блоке заказа в карточке товара есть несколько вариантов отображения. В данный блок подтягивается "Цена" "Цена со скидкой" при ее наличии. Так же Если у товара есть опции они тоже отобразятся здесь и будет подписано что именно за опцию нужно выбрать. Для товаров задается единица измерения, например кв.м, она так же отображается в этом блоке. В кнопку "Купить" встроен небольшой калькулятор для удобства пользователя. Если товар добавить в корзину, то кнопка "Купить" изменить свой цвет, сигнализируя о том, что товар уже добавлен в корзину. Если товар удалить из корзины, кнопка примет свой стандартный цвет.
Корзина покупок имеет стандартный вид. В ней можно редактировать количество товара, удалять ненужные товары, выбирать адреса, способы оплат и доставок. Из не стандартного, для определенных регионов свои условия доставок. Например, в Витебске нет бесплатной доставки, так же отличаются способы и сроки доставки. Так же присутствует возможность ввести промо-код для получения скидки. Промо-коды задаются в админ панели сайта.
Отталкиваясь от того, что мобильный трафик по данному проекту достиг 80% от всех переходов, отдельно внимание уделили навигации по сайту и удобству пользования. В нижней части постоянно зафиксирован мобильный бар. Почти вся информация из шапки сайта перемещается в меню.
Так как с данным проектом работам уже более 5 лет. Это уже 3-е обновление сайта по дизайну и функционалу. Тематика достаточно конкурентная и конкуренты активно развивают свои площадки + новые требования Google по скорости загрузки и удобству на мобильных устройствах требуют постоянной модернизации.
Команда Team-Up уже готова приступать!