Главная страница и навигация для повышения вовлеченности

До:

• На сайте использовался только один акцентный цвет, из-за чего CTA-кнопки терялись на фоне интерфейса;
• Баннер не имел заметных элементов управления, а количество слайдов было неочевидным;

‍

• В мобильной версии одновременно использовались две навигационные системы (верхнее меню и таббар), при этом каталог отсутствовал в таббаре;
• Категории на главной странице были слишком общими, а товарные подборки ограничивались скидками и бестселлерами;
• В боковом меню категории товаров визуально не отличались от информационных страниц.

‍После:

• Обновили цветовую систему: сделали CTA заметнее и добавили контрастные теги для карточек товаров;
• Добавили пагинацию и хорошо заметные стрелки переключения баннера;

• Оставили единую систему навигации, убрав дублирующий таббар в мобильной версии;
• Визуально разделили товарные и информационные разделы меню;

• Расширили категории, добавили блок Popular Brands и новые товарные подборки для повышения вовлечённости пользователей.

Каталог и поиск для упрощения выбора

До:

• Хлебные крошки размещены в нетипичном месте, что не соответствует привычным моделям поведения пользователей;
• Перед результатами поиска отсутствуют подкатегории (например, по форме оправы, типу механизма, стилю), которые могли бы сразу сузить выбор;

• Кнопка фильтра расположена в непривычном месте, без текстовой подписи и нефиксирована, а сама панель закрывается после каждого выбора параметра;

• Количество товаров на странице результатов поиска слишком мало;
• Значок добавления в избранное перекрывает фотографию товара в карточке;

• Поиск открывался только частично и в пустом состоянии показывал лишь информационные страницы.

После:

• Хлебные крошки перенесены в привычное для пользователя место;
• Добавлен блок подкатегорий перед списком товаров для ускорения поиска товара;

• Кнопку «Filter» перенесли выше, добавили подпись и закрепили при прокрутке, а панель остается открытой до явного подтверждения;
• Иконку вишлиста перенесли в правый верхний угол карточки, чтобы она не перекрывала изображение;

• Увеличили количество товаров на странице и добавили кнопку «Загрузить больше»;

• Сделали поиск полноэкранным, добавив популярные запросы, подкатегории и недавно просмотренные товары.

Количество выходов со страниц категорий сократилось; в частности, со страницы категории часов — в 3 раза.

Страница товара со всей необходимой информацией

До:

• Изображения не закреплялись при прокрутке;
• На странице отсутствовала информация о доставке и возврате;

• Технические характеристики не выделены в отдельный структурированный блок, поэтому теряются в тексте описания товара;

• Отзывы находились во вкладке, хотя тепловые карты показывали, что именно они являются одним из ключевых факторов принятия решения;

• Блок покупок перегружен второстепенными элементами, которые отвлекают внимание от призыва к действию (CTA);
• На странице есть блок с рекомендациями, но в нем отображаются только очень похожие товары из той же категории, из-за чего пользователь не получает альтернатив и может уйти.

После:

• Разместили информацию о доставке, оплате и возврате рядом с блоком покупки;
• Заменили вкладки с описанием и отзывами на последовательные информационные блоки;

• Фото товара на десктопе закреплено при скролле;
• Характеристики вынесены в структурированный блок (часы: ремешок, циферблат, функции; очки: оправа, линзы, посадка);

• Сделали блок покупки компактнее, убрали лишние элементы, добавили фиксированную кнопку «Купить» на мобильных устройствах; 
• Добавили кросс-сейл между категориями (часы ↔ очки).

Переход со страницы товара по воронке продаж улучшился на 23%, конверсия в добавление в корзину — на 62%.

Избранное для подарков

До: Нет возможности поделиться списком пожеланий, что является важным фактором для ниши, где аксессуары часто покупают в подарок.

‍

После: Добавили возможность поделиться вишлистом в виде ссылки или через мессенджеры, чтобы пользователям было проще отправлять идеи подарков и возвращаться к сохраненным товарам.

Регистрация в несколько кликов

До: Регистрация требовала ручного заполнения формы, создавая дополнительный барьер, особенно для мобильных пользователей.

После: Добавили быструю регистрацию и авторизацию через Google, Apple и Facebook.

‍