В веб-версии Flowwow, так же как и в мобильном приложении на iOS, есть удобная навигация — блоки суперкатегорий. В них собраны магазины по разным тематикам. Рассказываем, как устроены сайт Flowwow и блоки суперкатегорий.
Главная страница
Когда человек заходит на сайт Flowwow, помимо баннеров суперкатегорий, которые доступны всегда, он видит различные блоки в зависимости от следующих факторов:
- Пользователь не авторизован и не указал адрес: он видит предложение скачать приложение и ввести адрес, баннеры суперкатегорий, подкатегории, разделенные на блоки.
- Пользователь не авторизован, но указал адрес доставки: сразу видит баннеры суперкатегорий и подкатегории, разделенные на блоки.
- Пользователь авторизован, и у него есть избранное: после баннеров суперкатегорий видит избранные магазины и товары, а уже после них — подкатегории, разделенные на блоки.
- Пользователь авторизован, выбрал получателя со списком желаний, имеет избранное: баннеры суперкатегорий, блок «Получатель хочет в подарок» (товары, которые получатель добавил себе в подборку «Что я хочу»), избранные магазины и товары, подкатегории.
Меню суперкатегорий
В меню суперкатегорий на сайте есть четыре блока: «Вкусное», «Дом и сад», «Цветы и подарки», «Красота». Пятая суперкатегория — «Одежда и обувь» — доступна только в меню мобильного приложения на iOS.
Чтобы перейти внутрь суперкатегории, можно нажать на ее баннер, заголовок или отдельно на название любой категории.
Как устроены суперкатегории на главной странице
Следом за меню суперкатегорий идут отдельные блоки суперкатегорий. Из чего они состоят:
- Название суперкатегории. В случае с «Подарками» рядом с названием пользователь видит еще и город, в котором находится.
- Карусель с иконками из категорий и подкатегорий, которые в нее входят. При клике на категорию или подкатегорию происходит переход в каталог товаров данной категории или подкатегории. Магазины там формируются в зависимости от указанного города.
- Блок с подборками в суперкатегории. Они меняются в зависимости от суперкатегории.
В суперкатегории «Цветы и подарки» как в наиболее популярной может быть представлено больше блоков: например, «Товары рядом с адресом», «Эти товары часто покупают», «Готовые товары поблизости», «Съедобные букеты», «Магазины рядом», «Новинки на Flowwow», «Подарочные сертификаты».
В суперкатегории «Вкусное» можно встретить блоки: «Рекомендуем», «Готовые товары поблизости», «Сладости и вкусности», «Бенто-торты», «Скидки», «Магазины чая и кофе».
В суперкатегории «Дом и сад»: «Товары рядом с адресом», «Эти товары часто покупают», «Живые растения», «Декор», «Посуда», «Зоотовары», «Хобби и творчество», «Картины».
В суперкатегории «Красота»: «Товары рядом с адресом», «Эти товары часто покупают», «Косметика и парфюмерия», «Украшения», «Аксессуары».
Выдача в суперкатегориях в веб-версии и приложении строится по единой логике. Подробнее об этом мы рассказали в статье.
Блоки с подборками
У каждой суперкатегории есть блоки с подборками. Посмотрим, как работает выдача для некоторых их них: «Товары рядом с адресом», «Рекомендуем», «Магазины рядом» и «Скидки».
Блок «Товары рядом с адресом»
Отображается, только если указан точный адрес доставки, и не показывается, если адрес не указан или пользователь включил опцию «Узнать адрес у получателя». Этот блок может быть в каждой из суперкатегорий.
Приоритет для показа товаров:
- расстояние по прямой от магазина до адреса доставки (первый приоритет у товаров в радиусе 5 км, затем — 10 км и далее);
- рейтинг товара в баллах (чем выше рейтинг, тем приоритетнее выдача).
Как отображаются товары:
- если товаров в блоке от одного до шести, видно только карточки этих товаров;
- если больше шести, отображаются шесть карточек товаров и кнопка «Показать еще», при каждом нажатии на которую подгружается еще 18 (или остаток товаров, если их меньше 18), и так до вывода всех наименований.
Блок «Рекомендуем»
Отображается только в суперкатегории «Вкусное». Выводятся товары из категории «Кондитерские и пекарни» среди ее подкатегорий «Торты», «Веганские десерты», «Пирожные», «Конфеты ручной работы», «Эклеры», «Чизкейки».
Приоритет для показа товаров: их рейтинг в баллах.
Как отображаются товары:
- Выводятся первые шесть товаров в виде карточек (или меньше, если таких товаров от одного до пяти).
Блок «Магазины рядом»
Отображается только в суперкатегории «Подарки» и если указан точный адрес доставки. Блок не видно в том случае, когда адрес не указан или включена опция «Узнать адрес у получателя».
Здесь выводятся магазины с товарами из категории «Цветы и подарки», подкатегорий «Монобукеты», «Авторские букеты», «Цветы в коробке», «Цветы в корзине», «Композиции из цветов», «Букеты из сухоцветов», «Цветы в ящиках», «Цветы для интерьера».
Магазины сортируются по расстоянию от точки доставки и отображаются вот так:
- если магазинов в блоке от одного до четырех, то отображаются их витрины;
- если магазинов в блоке пять и более, то видно только четыре магазина без возможности дополнительно подгрузить их на странице. Чтобы посмотреть все, нужно нажать на кнопку «Смотреть все» — откроется страница со списком магазинов города со стандартной сортировкой и фильтрацией для списка. То, что пользователь перешел в список из блока «Магазины рядом», никак не влияет на список.
Блок «Скидки»
Этот блок виден только в суперкатегории «Вкусное» между подкатегориями «Бенто-торты» и категории «Магазины чая и кофе». Рейтинг товара в баллах — приоритет для показа.
Товары в блоке отображаются следующим образом:
- если товаров в блоке от одного до шести, видны только карточки товаров;
- если товаров в блоке семь и более, то отображаются шесть карточек товаров без возможности дополнительно их подгрузить на странице. Нужно нажать на кнопку «Смотреть все», чтобы открыть весь каталог товаров в категории «Кондитерские и пекарни со скидкой от 20%».
Что в итоге
Суперкатегории и категории помогают пользователям Flowwow проще и быстрее находить нужные товары, а продавцам из разных категорий — чаще попадаться на глаза потенциальным клиентам.
